tr 上的 box-shadow

Question

我在将box-shadow 放在表格中的trs 上时遇到问题。问题是box-shadow 根本不显示，除非表中所有trs 中的display 设置为block（我在这里找到的“修复”：Box Shadow inside TR tag）。但是，当trs 的display 设置为block 时，会导致表格单元格不再排成一行，全部挤到左边。

这是一个演示问题的小提琴：http://jsfiddle.net/jFdEY/

您可以尝试将其更改为适用于所有trs，但这会导致另一个问题（在下面的第二张图片中）。

---

这里有一些图片：

所有trs 上没有display: block 的那个（表格显示正常，但box-shadow 不起作用）

with display: block 在所有trs 上（box-shadow 出现，但表格布局已损坏）

那么，有没有办法解决这个问题？

Answer 1

“表格中使用的许多元素既不是block 也不是inline 元素。”

因此，将所有 TR 设置为 block 很可能会破坏自然的表格行为。

编辑：我能够创建一个类似于您想要的效果的解决方案，但是它要求列具有固定的宽度。

演示：http://jsfiddle.net/jFdEY/2/

从技术上讲，这不再是一个表格，只是显示为这样。