我有一张使用opacity
CSS淡出的图片。1
悬停时,图像的不透明度恢复为。
但是,在Firefox中,将鼠标悬停在它上似乎会“跳跃”一点。似乎与Firefox在褪色时平滑图像的方式有关-是否可以解决此问题?
这是一个小提琴:
<div class="container">
<a class="opacity">
<img src="http://imgur.com/EhiSptf.png" />
</a>
</div>
CSS:
img {
height: auto;
max-width: 100%;
}
.container{
width:200px;
}
.opacity {
opacity: 0.6;
}
.opacity:hover {
opacity:1;
}
组
-moz-backface-visibility: hidden;
在图像上。
来源:http : //nickpye.com/2013/04/03/css3-opacity-transition-image-wiggle-bug-in-mozilla-firefox/。该文章讨论的是CSS过渡,但是看起来它也可以在没有过渡的情况下工作。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句