css - 谷歌浏览器 tbody 插入阴影不起作用

Question

我正在尝试将插入阴影应用于表格的 thead 元素。它适用于 FireFox，但不适用于 Chrome 和 Safari。

http://jsfiddle.net/jACGx/2/

tbody {
-webkit-box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
-moz-box-shadow:0 0px 5px rgba(180,180,180,1) inset;
box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
}

请指教!

Answer 1

尝试将阴影应用于 td:

td{
-webkit-box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
-moz-box-shadow:0 0px 5px rgba(180,180,180,1) inset;
box-shadow: 0 0px 5px rgba(180,180,180,1) inset; 
}

这是您正在寻找的效果吗？