Css Google Chrome t车身嵌入阴影不起作用

Css Google Chrome t车身嵌入阴影不起作用,css,google-chrome,shadow,Css,Google Chrome,Shadow,我正在尝试将插入阴影应用于表的AD元素。它可以在FireFox中使用,但不能在Chrome和Safari中使用 请指教 尝试将阴影应用于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; } 这就是你想要的效果

我正在尝试将插入阴影应用于表的AD元素。它可以在FireFox中使用,但不能在Chrome和Safari中使用


请指教

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

这就是你想要的效果吗?

不太可能,我想要“嵌入阴影”。这就是我在FF中看到的:所以我想在Chrome和Safari中获得相同的效果…试试这个:我添加了display:block;添加到表格样式并删除tr:n子项(偶数)和(奇数)背景色。这些可以打破chrome中的嵌入阴影;或者在这些偶数行上创建一个透明、重复的背景图像,以便插入阴影显示通过…如果将display:block放置到tbody,则与创建第二个没有框阴影而不是ad的表相同。在任何情况下,您都失去了表最重要的功能之一—autosizeMy解决方案。希望这有帮助:)
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; 
}