Boxshadow插图不起作用

Question

我正在我的图库中的图像上使用框阴影CSS功能,但不知何故插入参数不起作用.我尝试了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;

Answer 1

它与您的语法无关.这只是一个img元素的box-shadow特性,而不是属性.

考虑一下这个例子:http://jsfiddle.net/YhePf/ - 如果你在你的浏览器中禁用显示图像 - 你会看到,而不是一个图像会有一个绿色块box-shadow应用于它.

编辑:换句话说,应用了inset box-shadow属性,但它无法看到,因为它位于图像本身之下(就像background-color属性一样).我可以用另一个小提琴证明这一点.它与我之前在该padding物业中的不同.看到这里:http://jsfiddle.net/YhePf/6/ - 看到红色的2px阴影和绿色背景