显示框阴影:Chrome中的表行组失败

Question

box-shadow无法在Chrome中工作。

我有一个表布局，其中我必须使用display属性作为table-row-group。我正在尝试将box-shadow放入tbody，但它失败了。请看这里-JSFiddle。

它在FF中运行得很好，但在Chrome中则不然。我查看了其他问题/建议，看起来我们可以在display: block属性中进行。

有display: table-row-group的变通方法吗？

Answer 1

您可以在th或tr标记中创建一个div作为变通方法，并为div分配一个box-shadow。我已经在这个JSFiddle中实现了第一个th元素。

Answer 2

试试这个：

tbody {
 -webkit-box-shadow:  5px 5px 3px green;
 -moz-box-shadow:  5px 5px 3px green;
  box-shadow:  5px 5px 3px green;
  display: block

}

它有效。