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

Question

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

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

我在IE和Firefox中看不到这些问题,所以这个问题只出现在Chrome中.

以前有没有经历过类似的事情？

Answer 1

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