我在我的画廊中的图像上使用 box shadow CSS 功能，但不知何故 inset 参数不起作用。我尝试了 z-index 并尝试在不同的地方放置代码，但它仍然无法正常工作。
在此处访问网站。
代码
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;
问问题
9276 次
3 回答
9
它与您的语法无关。这只是img元素的特性，而不是box-shadow属性。
考虑看这个例子： http: //jsfiddle.net/YhePf/ - 如果你禁用在浏览器中显示图像 - 你会看到，而不是图像，将有一个绿色块box-shadow应用到它。
编辑：换句话说，应用了 insetbox-shadow属性，但它不能被看到，因为它位于图像本身的下方（就像 background-color 属性一样）。我可以用另一个小提琴来证明这一点。它与我之前在padding物业中的不同。见这里： http: //jsfiddle.net/YhePf/6/ - 查看红色 2px 阴影和绿色背景
于 2012-07-20T17:41:16.870 回答
1
我想你可能只是错过了第一个阴影的传播半径值。:)
于 2012-07-20T17:36:18.443 回答
1
我认为有一个问题，因为不能将嵌入框阴影应用于图像。您需要的效果可以通过边框属性轻松实现。如果你想使用插入框阴影，请在 div 上应用它。有关更多详细信息，请查看 http://jordandobson.com/_expirements/css/vignette/
于 2012-07-20T17:42:05.887 回答