Tag: css3
如何隐藏图片损坏图标只使用CSS / HTML（不含js）
我怎样才能隐藏破碎的图像图标？ 例如 ： 我有一个错误的图像src： <img src="Error.src"/> 该解决scheme必须在所有浏览器中工作。 只使用CSS或HTML，而不是JS。
用于抓取游标的CSS（拖放）
我有一个JavaScript的Web应用程序，用户需要抓住背景移动整个屏幕。 所以我希望光标在它们hover在背景上时改变。 -moz-grab和-moz-grab CSS游标是非常理想的。 当然，他们只在Firefox中工作…其他浏览器有相同的游标吗？ 我需要做一些比标准的CSS游标更自定义的东西吗？
rotate3d简写
如何结合rotateX(50deg) rotateY(20deg) rotateZ(15deg)以简写方式rotate3d() ？
使用CSS的文本边框（围绕文本的边框）
有没有一种方法可以像下面的图片一样围绕文本进行边界整合？
是否有可能select最后的n个项目与第n孩子？
使用标准列表，我试图select最后2个列表项。 我有An+B各种排列，但似乎没有select最后2： li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ 我知道一个新的CSS3select器，如:nth-last-child()但我更喜欢在可能的情况下在更多的浏览器中工作的东西（尤其不关心IE）。
了解Bootstrap 3中的网格类（col-sm-＃和col-lg-＃）
我开始使用Bootstrap 3，并且在理解如何使用网格类时遇到了一些麻烦。 以下是我迄今为止所了解到的： 看来类col-sm-#和col-lg-#与普通的旧col-lg-#不同，它们只会在屏幕大于特定大小（分别为768像素和992像素）时应用。 如果你忽略了-sm-或-lg-，那么div永远不会合并成一列。 但是，当我在一行都是col-sm-6时候创build两个div的时候，当窗口宽度在768px和992px之间时，它们似乎只是并排的。 换句话说，如果我把窗口一直缩小，然后慢慢加宽，布局是单列，然后是两列，然后再回到单列。 这是预期的行为？ 如果我需要两列超过768px，我是否应该同时使用这两个类？ （ <div class="col-sm-6 col-lg-6"> ） col-6 也应该包括在内吗？ <div class="col-6 col-sm-6 col-lg-6">
CSS：在鼠标移出时转换不透明度？
.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } 为什么只有当我hover时才会使不透明度变成animation，而不是当我用鼠标离开物体时？ 在这里演示： http : //jsfiddle.net/7uR8z/
Twitter Bootstrap中的响应式表格处理
当一个表的宽度超过了跨度的宽度，就像这个页面： http : //jsfiddle.net/rcHdC/ 你会看到表格的内容超出了span 。 怎样才能迎合这种情况呢？
在bootstrap中分页
我有这个代码在分页 <div class="pagination"> <ul> <li><a href="?p=0" data-original-title="" title="">1</a></li> <li><a href="?p=1" data-original-title="" title="">2</a></li> </ul> </div> 但是我的ul是左alignment的。 有什么办法来中心ul wrt的div ？ 我试过margin: auto auto和margin :0 auto他们，但没有工作。
如何指定一个元素之后包装在CSS flexbox？
我不认为这是Flexbox标准的一部分，但是在某个元素之后build议或强制包装可能有一个窍门吗？ 我想对不同的页面大小做出反应，并以不同的方式包装一个列表，而不是在下一行显示（例如）孤立的菜单项，而是在菜单的中间。 这里是开始的html： <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> 和CSS： ul { display: flex; flex-wrap: wrap; } 我喜欢以下内容： /* inside media query targeting width */ li:nth-child(2n) { flex-break: after; } 看到jsfiddle更完整的设置： http : //jsfiddle.net/theazureshadow/ww8DR/
