Google Chrome tbody内嵌阴影无效

时间:2012-08-31 01:41:21

标签: css google-chrome shadow

我正在尝试将嵌入阴影应用于我桌子的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; 
}

请指教!

1 个答案:

答案 0 :(得分:0)

尝试将阴影应用于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; 
}

您正在寻找这种效果吗?