每次翻译动画都会发生图像渲染。仅限Chrome

Question

以下是代码示例：http://codepen.io/fornyhucker/pen/zlxtu?editors=110

当悬停在“冬季图像”上时，最后两张图像将变得清晰，直到translateY动画结束。这种情况仅发生在Chrome中，并且只发生在动画元素之后的图像。

Answer 1

将z-index:1提交至div > img，然后z-index:2;提交至div > span。我在过去有同样的问题，绝对定位div，z-index解决了我的问题。

demo