Boxshadow插入不起作用

我在图库中的图像上使用了箱子阴影CSS功能，但是某种程度上inset参数不起作用。我尝试了z-index，并试图将代码放在不同的地方，但它仍然无法正常工作。Boxshadow插入不起作用

访问网站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;

来源

2012-07-20 Is3

它与你的语法没有任何关系。这只是img元素的一个特性，而不是box-shadow属性。

想想看这个例子：http://jsfiddle.net/YhePf/ - 如果你禁用在浏览器中显示图像 - 你会看到，而不是一个图像会有一个绿色块，应用box-shadow。

编辑：换句话说，插图box-shadow财产是应用，但它不能被看到，因为它是图像本身（就像background-color属性）下。我可以用另一个小提琴来证明。这与padding属性中的前一个不同。看到这里：http://jsfiddle.net/YhePf/6/ - 看到红色的2px阴影和绿色背景

来源

2012-07-20 17:41:16 skip405

我想你可能只是缺少从第一阴影扩散半径值。 :)

来源

2012-07-20 17:36:18 Blieque

我相信代码是正确的。来自发电机的代码： box-shadow：inset 5px 3px 3px 5px＃4444; 不工作。 – Is3 2012-07-20 17:44:46

是的，你说得对。抱歉。内部阴影可以应用于'img's。看看这个：'http：// jsfiddle.net/Mfkj4 /'。这可能与没有“display：block”属性有关，但我不确定是否需要。 – Blieque 2012-07-20 17:52:53

显示：block no go :( – Is3 2012-07-20 18:01:08

我认为有一个问题，因为插入框阴影不能应用于图像。您需要的效果可以很容易地实现边界属性的帮助。如果你想使用嵌入框阴影应用于div。更多详细信息chk it out http://jordandobson.com/_expirements/css/vignette/

来源

2012-07-20 17:42:05

我相信我的代码现在直接应用于div类，名为：“jg_photo”。看看萤火虫等。 – Is3 2012-07-20 17:48:09

我已经检查过，这就是为什么我说 “img.jg_photo”它的你的类名和它在img标签上的应用。因为类自己定义它可以只与img标签一起工作，所以试着将所有样式应用于div而不是img标签。希望你明白我的观点 – 2012-07-20 19:59:53

Boxshadow插入不起作用

回答

相关问题