Tag: CSS
tr：hover不起作用
当鼠标hover在表格行上时，我试图突出显示整个行的背景颜色（改变背景颜色）。 我通过networkingsearch，它应该工作，但它不。 我在Chrome上显示它。 <table class="list1"> <tr> <td>1</td><td>a</td> </tr> <tr> <td>2</td><td>b</td> </tr> <tr> <td>3</td><td>c</td> </tr> </table> 我的CSS： .list1 tr:hover{ background-color:#fefefe; } 正确的CSS应该是： .list1 tr:hover td{ background-color:#fefefe; } //–this css for the td keeps overriding the one i showed earlier .list1 td{ background-color:#ccc000; } 谢谢你们的反馈！
CSS将一个项目与flexboxalignment
https://jsfiddle.net/vhem8scs/ 是否有可能有两个项目左alignment，一个项目与flexbox正确alignment？ 链接显示更清楚。 最后一个例子是我想要实现的。 在flexbox中，我有一个代码块。 用float我有四块代码。 这是我喜欢flexbox的原因之一。 HTML <div class="wrap"> <div>One</div> <div>Two</div> <div>Three</div> </div> <!– DESIRED RESULT –> <div class="result"> <div>One</div> <div>Two</div> <div>Three</div> </div> CSS .wrap { display: flex; background: #ccc; width: 100%; justify-content: space-between; } .result { background: #ccc; margin-top: 20px; } .result:after { content: ''; display: table; clear: both; } .result div { […]
GLYPHICONS – 引导图标字体hex值
我想要使用GLYPHICONS图标字体，我需要每个图标的hex值，我没有看到有关它在引导网站和GLYPHICONS网站上的任何页面，所以如何将其embedded到项目中，并使用它？ 注意：我想使用GLYPHICONS icon-font不是PNG图标 我使用引导2.3.2
旋转或旋转hover的图像
我想知道如何在旋转或旋转图像时进行旋转 。 我想知道如何在下面的代码中用CSS来模拟这个function： img { border-radius: 50%; } <img src="http://i.imgur.com/3DWAbmN.jpg" />
为什么我的HTML表格不尊重我的CSS列宽？
我有一个HTML表格，我希望前几列很长。 我在CSS中这样做： td.longColumn { width: 300px; } 这里是我的表的简化版本 <table> <tr> <td class='longColumn'></td> <td class='longColumn'></td> <td class='longColumn'></td> <td></td> <td></td> <td></td> <td></td> <td></td> [ . . and a bunch more columns . . .] </tr> </table> 出于某种原因，表格似乎在有很多列的时候使这一列<300px。 我基本上希望它保持这个宽度，不pipe是什么（只是增加水平滚动条）。 表里面的容器没有任何types的最大宽度，所以我不知道为什么它挤压这个列，而不是尊重这个宽度。 反正有这个，不pipe怎样，这个专栏会保持一定的宽度吗？ 这里是外部容器div的CSS： #main { margin: 22px 0 0 0; padding: 30px 30px 15px 30px; border: solid 1px #AAAAAA; […]
什么“<html xmlns =”http://www.w3.org/1999/xhtml“>”呢？
我无法相信我的网站正在发生什么。 当我添加这一行时： <html xmlns="http://www.w3.org/1999/xhtml"> <!DOCTYPE html> <html> <head> 一切工作正常。 而当我不这样做的时候，CSS“混乱”了，一切都变了，布局变得“丑陋”了。 这条线如何解决所有的问题？
CSS：限制元素为1行
我想限制一个元素显示只有一行文本，其余隐藏（溢出：隐藏），没有设置一个特定的高度。 这是可能的只是CSS？
-webkit-transform旋转 – Chrome中的像素化图像
使用-webkit-transform: rotate(-5deg); 在一个容器div上，Chrome呈现了边缘非常锯齿状的图像网格。 而在FF（ -moz-transform:和IE（ -ms-filter:一切都看起来不错 – 看下面的区别。 我能做些什么吗？
文本溢出：表格单元格中没有宽度的省略号
我试图实现一个响应表宽度text-overflow: ellipsis; 在这样的中间单元格中： | Button 1 | A one-lined text that is too long and has to be… | Button 2 | 整个桌子应该有width: 100%; 与设备一样大。 因为应用程序是多语言的（尽pipemax-width应该是可能的），所以我不能在Button 1和Button 2上设置固定的宽度。 我可以尝试任何我想要的，只有当我设置一个固定的宽度时才会出现。 我怎么能告诉中间单元“没有JavaScript的帮助下使用可用空间”？
更改button文本jQuery的移动
我正在使用新的jQuery Mobile 1.0 alpha 1版本来构build一个移动应用程序，我需要能够切换button的文本。 切换文本工作正常，但只要您执行文本replace的CSS格式化被破坏。 搞砸的格式的屏幕截图： http : //awesomescreenshot.com/03e2r50d2 <div class="ui-bar"> <a data-role="button" href="#" onclick="Podcast.play(); return false" id="play">Play</a> <a data-role="button" href="#" onclick="Podcast.download(); return false" id="download">Download</a> <a data-role="button" href="#" onclick="Podcast.consumed(); return false" id="consumed">Mark Old</a> </div> $("#consumed").text("Mark New");
