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

Question

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

链接如下:http://wrong.ro/tataia/

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

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

Answer 1

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

-webkit-backface-visibility: hidden;

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

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

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