小编san*_*eep的帖子

无图像纯CSS箭头标签

有没有办法在不使用图像的情况下创建类似美味的"箭头标签": 美味的标签

我熟悉边界三角形技术,但是看起来不太合适(部分原因是我们需要额外的外边框来构建整个组件).

css css3

5
推荐指数
1
解决办法
4095
查看次数

css3来自不同规则的多重阴影

css3多个阴影是否可以从不同的css规则/类中累积?

IE

.multipleShadows {box-shadow: 0 0 10px 5px black, 40px -30px lime}
Run Code Online (Sandbox Code Playgroud)

将为元素创建两个阴影:黑色和石灰。

但我想要两个不同的类 - 一个用于 blackShadow,一个用于 LimeShadow

.blackShadow {box-shadow: 0 0 10px 5px black}
.limeShadow {box-shadow: 40px -30px lime}
Run Code Online (Sandbox Code Playgroud)

并且都应用于具有两个类的单个元素。

<div class="blackShadow limeShadow">my div</div>
Run Code Online (Sandbox Code Playgroud)

这可以做到吗?是否有其他方法可以实现这一目标?

谢谢。

css dropshadow

5
推荐指数
1
解决办法
838
查看次数

删除输入字段默认宽度

我有一个input field用户和其他人喜欢的电子邮件,电话等.

我想要一个input field可以获取width其内容的内容,因为用户名可以是小型和大型的,但是现在如果文本很小则会发生什么default width,从右边留下一些不需要的空间.

我尝试float, inline但没有任何作用.

检查小提琴http://jsfiddle.net/sandeep/Qa8R5/

我不想要这个javascript

谢谢

html css css3

4
推荐指数
1
解决办法
5376
查看次数

如何垂直和水平居中对齐DIV

有人可以帮助我让div id"loader"漂浮在div类"Window"的中心.谢谢.

<div id="someid" class="Window">
   <div id="loader"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

更新*我需要将它放在一个块的绝对中间.让我们说"窗口"类是400px高.如何让"装载机浮在中心(高度/宽度)"?

css

4
推荐指数
1
解决办法
1万
查看次数

每次加载下一张图像之前,第一张图像都会变得可见

这是我的网站http://www.alienchela.com/portfolio.html.

首先单击任何客户端图像即可.

但是,如果你每次点击下一个按钮,你就可以看到.首先是前一个图像,然后下一个图像加载.

这是代码:

var ticker = $('.img_wrap');
            $('.next').click(function () {
                $('.img_panel:visible').fadeOut(1000, function() {
                        $(this).appendTo(ticker);
                        ticker.children().first().show(function(){
                            var artit = $(this).attr('title');
                            $(this).load(artit+'.txt');
                });
                    });
                $(ticker).hide().delay(1500).fadeIn(1000);
            });
Run Code Online (Sandbox Code Playgroud)

我做了一个黑客.我做了一些延迟过渡.

$(ticker).hide().delay(1500).fadeIn(1000); 
Run Code Online (Sandbox Code Playgroud)

JS不是很好.

任何帮助表示赞赏.

javascript jquery

4
推荐指数
1
解决办法
532
查看次数

如何避免与每行的第一个div间隔

我有DIVs这涉及side by side彼此的,但有只fourth DIV涉及在第一row和其他被移动过的下一个row.

我希望每个人都row first div没有空间,left side但没有发生.这是我的代码

http://jsfiddle.net/25pwG/

我知道我可以通过class手动操作来实现,new row DIV但我不想这样做.我希望这用较少的CSS和我不想改变我的markup

注意:我想要IE8之前的功能.

提前致谢 :)

更新:

http://jsfiddle.net/25pwG/8/

首先.parentdiv是一个common class用于其他部分也是第二件事根据设计parent DIVs触摸row last div所以,右边没有空间.

html css

3
推荐指数
1
解决办法
146
查看次数

下拉菜单是乱七八糟的布局?

我正在尝试创建下拉菜单 在此输入图像描述

我在该页面上进行了演示,但现在我尝试添加

<ul id="secondarynav">
      <li><a href="#">Pictures</a></li>
      <li><a href="#">Video</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

布局变得像这样凌乱.我已经尝试了很多,但没有用可能是我没有在标题上使用盒子大小.

html css css3

2
推荐指数
1
解决办法
329
查看次数

表列文本溢出省略号(宽度,以%为单位)

我有这个移动标记.

<table>
<tr>
<td style="width:60%">
<div class="ellipsis">
Test bla bla
</div>
</td>
<td style="width:40%">
</td>
</tr>
Run Code Online (Sandbox Code Playgroud)

CSS

.ellipsis { 
width : 100%;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-break: break-all;
word-wrap: break-word;
}
Run Code Online (Sandbox Code Playgroud)

截断不能按预期工作,而是根据内容扩展列.

表格布局:固定使两列相等.

有什么建议 ?谢谢.

css html5

2
推荐指数
1
解决办法
3432
查看次数

标签 统计

css ×7

css3 ×3

html ×3

dropshadow ×1

html5 ×1

javascript ×1

jquery ×1