box-shadow on display:在Chrome中表格-行-组失败

Question

box-shadow在Chrome中不起作用。

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

它在FF上运行得很好，但在Chrome上就不行了。我查看了其他问题/建议，看起来我们可以在display: block属性中做到这一点。

任何针对display: table-row-group的解决方法

Answer 1

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

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

}

它起作用了。