css - 在 table 周围画框阴影

Question

正如您在这个 fiddle 中看到的那样，http://jsfiddle.net/S8Bne/64/ ，我试图在 table 周围画一个盒子阴影(就在外面)。我采用的方法是创建一个高度比 thead 区域稍大的 div 并给它一个框阴影。但是，我不能完全正确定位它。我该怎么做？

欢迎任何解决方案。

Answer 1

发生这种情况是因为您的 thead 不在 div 内。

我在 div 中添加了一些 height 以显示...

问题:http://jsfiddle.net/jasongennaro/S8Bne/54/

添加这个

-webkit-box-shadow:#8A0000 2px 2px 10px;
box-shadow:#8A0000 2px 2px 10px;

到

.geniusPicks table tr#picksHeading th

而且有效。

工作示例:http://jsfiddle.net/jasongennaro/S8Bne/55/

所以不需要 div