3

在 Chrome 浏览器中,无法box-shadow在悬停时设置表格行的样式。当您将 box-shadow 分配给td伪类:first-child:last-child. (参考: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);
}

这个问题的解决方案是div使用 jQuery 定位覆盖,但我想知道是否只能使用 CSS 来完成。

4

0 回答 0