css - 盒子阴影插图不起作用

Question

我在我的图库中的图像上使用框阴影 CSS 功能，但不知何故 inset 参数不起作用。我尝试了 z-index 并尝试将代码放在不同的地方，但它仍然无法正常工作。

访问网站here .

代码

box-shadow:#000000 0 1px 3px, rgba(255, 255, 255, 0.3) 0 0 0 1px inset, rgba(255, 255, 255, 0.5) 0 1px 0 0 inset;

Answer 1

这与您的语法无关。这只是 img 元素的特性，而不是 box-shadow 属性。

考虑查看此示例:http://jsfiddle.net/YhePf/ - 如果您禁用在浏览器中显示图像 - 您将看到一个应用了 box-shadow 的绿色 block ，而不是图像。

编辑:换句话说，插入的 box-shadow 属性被应用了，但由于它位于图像本身的下方，所以看不到它(就像 background-color 属性一样)。我可以用另一个 fiddle 来证明这一点。它与我之前在 padding 属性中的不同。看这里:http://jsfiddle.net/YhePf/6/ - 查看红色 2px 阴影和绿色背景