Css Firefox转换缩放图像错误。使用悬停变换变换变换时，图像自身会闪烁一个小版本

当我试图修复一个bug时，我遇到了另一个bug，很确定这是在我今天更新Firefox版本时。我试图在悬停时稍微缩放图像以获得缩放效果

在使用transform:scale/scale3d后，我在Firefox中遇到了图像移动/摆动的问题。我想这和半像素有关。我以前见过这个问题被讨论过，例如，和，但是任何地方提到的解决方案都不适合我。最后，我通过调整缩放比例或图像文件的实际大小来“修复”它

但随后Firefox v.45.0.1中出现了一个奇怪的bug，当你第一次将鼠标悬停在上面时，图像会闪烁一个小版本。这只发生一次，但可以通过执行正常的页面刷新再次创建。与其他变换以及缩放一起发生，例如旋转。除了提交bug报告并等待Firefox修复之外，我还能做些什么？还有其他人注意到了吗？这种情况是否发生在老火狐身上

此外，如果有人对图像抖动问题有更好的解决方案，那将是令人惊讶的：

我已经为wiggle问题设置了一个不同的修复程序，但是Firefox的bug目前可以在所有的图标上看到

.哈弗波普{ -webkit过渡：所有0.5s立方贝塞尔0.42,0,0.42,1； -webkit过渡：所有0.5s立方贝塞尔0.42,0,0.42,1.75； 过渡：所有0.5s立方贝塞尔0.42,0,0.42,1.75； } .hoverPop:悬停{ -webkit转换：scale3d1.2、1.2、1.2； 转换：scale3d1.2、1.2、1.2； } img{ 边界：0； 垂直对齐：中间对齐； 最大宽度：100%； } 伊姆格拉普先生{ 宽度：65px； 保证金：0自动12px自动； 高度：65px； }

---

我通过添加以下内容解决了这个问题。这修复了FF v45.0.1错误，该错误为我在带有过渡的悬停上显示了较小的图像

img {
image-rendering: optimizeQuality;
}

---

非常感谢。在Firefox45.0和Ubuntu14上对我也适用！固定在这里-