jquery - 悬停时不透明度发生变化时，Google Chrome 中的背景会发生变化

Question

我用 Jquery 设置了一个悬停效果，它改变了悬停元素的不透明度。它在所有最新的浏览器中都能正常工作，除了 Chrome，它会改变 body 元素的背景。

这是链接:http://wrong.ro/tataia/

我的工作环境如下:Google Chrome v18.0.1025.162/Windows 7 x64。

有什么解决方法吗？提前致谢!

Answer 1

我经历过与此非常接近的事情，在我的例子中，更改悬停时的不透明度会导致前景图像元素摆动。看起来特定原因与使用 transform (我正在使用)有关。修复很简单 - 在我添加的有问题的 img 元素上:

-webkit-backface-visibility: hidden;

没有更多的摆动。我不熟悉这实际上做了什么，但它没有任何奇怪的副作用并解决了问题。

我还看到了一个我没有尝试过的替代解决方案 - 显然其他人已经遇到过这个问题并通过旋转修复它:

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