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

2024-06-21

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

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

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

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


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

-webkit-backface-visibility: hidden;

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

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

-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当悬停时不透明度发生变化时,Google Chrome 中的背景会发生变化 的相关文章

随机推荐