悬停时的不透明度变化会导致图像偏移或失真

Question

我有一个jsfiddle here，它表明使用a:hover，更改不透明度会改变（或扭曲）图像。

这在 Firefox 中可见。

有人可以解释可能发生的情况以及如何防止图像发生变化吗？提前致谢。

Answer 1

我在this so post找到了答案。

对我来说，解决方案是在 img 上使用以下内容

-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
-webkit-backface-visibility: hidden;