悬停时闪烁的图像具有 CSS 过渡和不透明度

Question

有谁知道为什么在webkit浏览器（chrome，opera）上，悬停的图像会闪烁？这种情况仅在第二列上。有一个例子 http://codepen.io/anon/pen/fxJAk

我该如何解决它？它只是网络套件浏览器的错误吗？它可以在Firefox甚至Internet Explorer 11上正常工作。

它在铬版本33.0.1750.146，Opera 20.0.1387.64

Answer 1

通常的解决方法（对于 WebKit）是添加：

img {
    -webkit-transform: translateZ(0);
}

更新的代码笔

Answer 2

尝试在下面为 img 添加 css 规则：

-webkit-transform:(0); -moz-transform:(0); -o-transform:(0); transform:(0);

http://codepen.io/anon/pen/FpwIy