Chrome：盒子阴影在img上没有显示背景

Question

我的网站上有background的图像（加载指示符，但在任何背景下都有效）半年前就完美了。 但是几个月后Chrome就不再显示盒子阴影了。

我已经设置了一个小提琴试图将它减少到esentials。它只发生在一些图像上（可能与透明度有关？），有时它只在图像被重绘（选择，移动）后才会发生。当我删除背景时，阴影可见。

http://jsfiddle.net/PJ7f5/5/

有没有人有任何想法？

Answer 1

更新2 请参阅下面的@arttronics评论。

http://jsfiddle.net/z89x9/37/

.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;
}
​