Google chrome 镀铬：框阴影未显示在带背景的img上

我在我的网站上有一张背景为

的图片（加载指示器，但在任何背景下都会出现），这在半年前非常有效。
但几个月后，Chrome不再显示方框阴影

我已经摆好了一把小提琴，试图把它降到最低限度。它只发生在某些图像上（可能与透明度有关），有时它只发生在重新绘制（选定、移动）图像后。当我移除背景时，阴影是可见的


有人知道吗？
更新2请参见下面的@arttronics评论


这是可行的，但为什么呢？阴影没有嵌入，为什么图像会在上面？在chrome中，我的小提琴会显示阴影，直到选中为止。顺便说一句，你没有保存你的小提琴。我试过各种组合，也注意到了这一点。我检查了计算的样式，一切似乎都很好。不能说我理解，但添加填充：-1px效果更好。看一看上一次的修订，你以前的悲伤尝试对我来说是+1，并增加了边距。你可以吃这个。虽然
padding
不能有负值，
margin
可以。@Thomas：恕我直言，我只是对柯克的答案做了一点改进，柯克努力为您创建了两个解决方案。因此，请接受他的建议。顺便说一下，很快我就可以编辑答案并做出贡献，因为这并不总是关于rep，而是让现有答案变得更好。谢谢你，Kirk。为了澄清，之前的冗长的黑客攻击实际上是合法的，但可以这样看：
。这就是说，
box shadow
在与
div标签一起使用时可以正常工作，因为Chrome将尊重
box模型
。一旦Chrome修复了
img标签的当前错误
，就不再需要这个解决方法了。可以肯定的是，Chrome V19在这个特定的情况下不尊重<代码> IMG标签< /> >为<代码>框模型元素。考虑将此错误报告给Chrome开发人员。（它是在Chrome 19中引入的。之前的Chrome 18工作正常。）+1另外，对于您可能感兴趣的完全不同的标记方式，请查看此文件，以确保它包括图像上的文本，以防未实现这种可能性。
.img {
    background-color: red;
    width:100px;
    height:100px;
    box-shadow:2px 2px 8px rgba(0, 0, 0, 1);
    padding-left: 1px;
    margin-left: -1px;
}
.img:hover {
    margin:2px;
}
​