表行盒 - 悬停时的阴影发光(Webkit / Chrome)

时间:2013-04-12 18:10:39

标签: css css3 hover css-tables

在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完成。

0 个答案:

没有答案