我试图给＃box; shadow-shadow＆＃34;我的形象，但我没有工作

Question

你能告诉我我的代码有什么问题吗？为什么图像上没有阴影？
这是我的代码：
HTML

<div class="wrapper">
    <img src="http://i.imgur.com/aVt9qPi.png"/>
</div> 

CSS

div.wrapper img{
-moz-box-shadow:inset 1px 2px 18px #000000;
-webkit-box-shadow:inset 1px 2px 18px #000000;
box-shadow:inset 1px 2px 18px #000000;
}

你可以找到工作演示 here

Answer 1

您无法直接在图像上应用阴影inset效果。最好将它应用于div。

检查 DEMO 。

div.wrapper{
-moz-box-shadow:inset 1px 2px 18px #000000;
-webkit-box-shadow:inset 1px 2px 18px #000000;
box-shadow:inset 1px 2px 18px #000000;
}

div.wrapper img{
  position:relative;
  z-index:-1;
}

Answer 2

插入阴影对图像标记不起作用，但您可以将img包装在父元素中以达到相同的效果。

See this solution for an example.