显示框阴影：Chrome-table-row-group在Chrome中失败

Question

box-shadow无法在Chrome中使用。

我有一个表格布局，我必须使用display属性作为table-row-group。 我试图将box-shadow放入tbody并且它失败了。 请在此处查看 - JSFiddle。

它在FF中工作得非常好，但在Chrome中却没有。我查看了其他问题/建议，看起来我们可以在display: block属性中执行此操作。

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

Answer 1

您可以在div或th代码中创建tr作为解决方法，并为div分配box-shadow。我已在this 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

}

有效。