google-chrome - Chrome：带背景的 img 上未显示框阴影

Question

我的网站上有一个带有background（加载指示器，但在任何背景下都会发生）的图像，半年前效果很好。但是几个月以来，Chrome 不再显示盒子阴影了。

我已经设置了一个小提琴来尝试将其简化为必需品。它只发生在某些图像上（可能与透明度有关？），有时它只发生在图像被重绘（选择、移动）之后。当我删除背景时，阴影是可见的。

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