css - 使用 css 过渡和不透明度在悬停时闪烁图像

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

我该如何解决？它只是 webkit 浏览器的错误吗？它可以在 Firefox 甚至 Internet Explorer 11 上正常运行。

它在 chrome 版本 33.0.1750.146，Opera 20.0.1387.64 上

最佳答案

通常的解决方法(对于 WebKit)是添加:

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

关于css - 使用 css 过渡和不透明度在悬停时闪烁图像，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22228015/