CSS3悬停效果会对Chrome中的其他元素产生奇怪的影响

Question

我刚用这个CSS3悬停效果设置了我的一个图像： http://tympanus.net/Tutorials/OriginalHoverEffects/index2.html

问题在于Chrome中的一些其他元素会受到此悬停效果的影响。 例如，当我悬停图像时，我的顶部菜单项链接在悬停效果结束时向右移动5px，然后再移回。此外，一些块引用元素也会受到影响。就好像其中一些其他元素被CSS3过渡效果以某种奇怪的方式赋予了“填充”值。

我在IE和Firefox中没有看到这些问题，所以这个问题只出现在Chrome中。

你们有没有经历过类似的事情？

Answer 1

我只需要申请：-webkit-backface-visibility：hidden;对于所有受影响的元素，一切都在Chrome中运行良好。