Tag: css3

* | *这是什么意思在CSS？: 我刚刚看到这个： *|*:link与Firebug的*|*:link 。这似乎是Firefox附加的一些默认样式，但是*|*是什么意思？

我应该使用CSS：禁用伪类还是属性select器还是一个意见问题？: 我正在尝试设置禁用的input样式。我可以用： .myInput[disabled] { } 要么 .myInput:disabled { } 属性select器是现代CSS3方式还是前进方向？我曾经使用伪类，但我不能find任何信息，是否他们是旧的方式，将不被支持，或者他们是否平等，你可以使用任何你最喜欢的。我不需要支持旧的浏览器（这是一个Intranet应用程序），所以它是：属性更新更好伪类仍然是要走的路无论你最喜欢哪一个有一个技术上的理由使用一个在另一个

hover时连续的CSS旋转animation，hover在0deg上的animation: 当你无限期地hover在它上面时，我有一个元素会旋转。当你hover，animation停止。简单： @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .elem:hover { -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } 但是，当你hover时，animation突然停止，回到0度。我想回到那个位置，但是在编写语法时遇到一些麻烦。任何input将是真棒！

错误与转换：规模和溢出：隐藏在Chrome中: 使用CSS3属性transform: scale ，我发现有趣的问题。我想为图片做一些缩放效果。但是，当我用父div的overflow: hidden和border-radius ，子div扩展了父div的范围。更新：问题没有解决。如果我添加transition ，仍然是行不通的。我试图解决这个问题，但没有成功。这里是一个演示

父div的高度是零，即使它有有限高度的孩子: 我有一个网站，其布局已在图中显示。主体由一个main container ，它由header ， parent div和footer 。 parent div进一步包含如图所示的几个child div 。所有的child div高度是有限的问题。但是parent div除了子div以外不包含其他内容。所有的子div都可见，但父div的高度显示为零。我也没有通过给予一些预先确定的价值来确定母公司的高度，因为如果未来孩子的数量增加可能会导致错误。由于父div的大小为零的问题是，我的页脚div正在上升，并与父div的内容冲突。这可以通过给予一个合适的利润来解决，但这不是我正在寻找的解决scheme。任何人都可以build议我一些方式，使父div的高度自动根据孩子div的高度存在的变化。如果我不清楚询问我的疑问，请发表评论！

带有阴影的CSS语音泡沫: 创build一个使用CSS在左侧绘制三angular形的DIV。试图对父类和伪元素（见图像）和代码应用统一的盒子阴影。这可能吗？还是我最好使用边界图像呢？（上：阴影前，中间：CSS盒阴影，下：理想结果） .bubble{ height: 200px; width: 275px; opacity: 0; margin-top: 41px; float: right; background-color: #F2F2F2; -webkit-border-radius: 5px; -webkit-box-shadow: 0px 0px 6px #B2B2B2; } .bubble::after { height: 0px; width: 0px; content: "\00a0"; display: block; margin-left: -10px; margin-top: 28px; border-width: 10px 10px 10px 0; border-style: solid; border-color: transparent #F2F2F2 transparent transparent; -webkit-box-shadow: 0px 0px […]

盒子大小支持在IE7中: 我刚刚发现了box-sizing: border-box CSS属性，它为我解决了一堆跨浏览器布局问题。我现在唯一的问题是IE7似乎不支持它。有没有一个黑客得到IE7支持它？

Chrome中的CSS3转换旋转造成1px的偏移: 我有一个css3转换旋转转换的问题。转换工作正常，但在完成元素移动一个像素之后。另一个奇怪的是，它只发生在页面居中（ margin:0 auto; ）。如果您还删除了转换，该错误仍然存在。你可以看到它发生在这里： http://jsfiddle.net/MfUMd/1/ HTML： <div class="wrap"> <img src="https://github.com/favicon.ico" class="target" alt="img"/> </div> <div class="wrap"> <div class="block"></div> </div> CSS： .wrap { margin:50px auto; width: 100px; } .block { width:30px; height:30px; background:black; } .target,.block { display:block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; […]

是否有可能从侧面或底部，而不是滑下来的Twitter Bootstrap模式幻灯片？: 目前模态下滑效果是通过添加fade类到模态的div。是否有可能通过改变CSS来改变从侧面（或从底部）滑动的效果？我无法在网上find任何关于如何做到这一点的信息，而且我自己也不知道怎么做。 HTML： <div id='test-modal' class='modal fade hide'> <div>Stuff</div> </div>

如何垂直显示范围input滑块: 我想垂直显示一个<input type="range" />滑块控件。我只关心支持范围滑块控件的浏览器。我发现一些评论和引用似乎表明，设置高度大于宽度会导致浏览器自动改变方向，但在我的testing，这只能在Opera中使用Opera工作，但现在不再。如何垂直定位HTML5范围滑块？