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

Try applying the shadow to the 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; 
}

Is that effect you are looking for?