Question

我有一张用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;
}

Answer 1

集

-moz-backface-visibility: hidden;

在图像上。