在Chrome浏览器中,无法在悬停时使用box-shadow
设置表格行的样式。当您使用伪类td
和:first-child
将框阴影分配给:last-child
时,它在Chrome中可以正常工作。 (参考:Table Row Box-Shadow on Hover (Webkit))
我正在尝试使用box-shadow
对表格行进行发光效果。问题是如果没有h-shadow或v-shadow值,box-shadow
也会出现在表格行的中间。
JSfiddle:http://jsfiddle.net/2nw4t/25/
tr:hover td {
-moz-box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 16px 0 rgba(0, 0, 0, 0.5);
}
这个问题的解决方案是使用jQuery定位的覆盖div
,但我想知道它是否只能用CSS完成。