1
編輯：似乎問題確實是firefox bug。第一次懸停圖像閃爍與變換：規模（僅在Firefox中）
的影響應該簡單地縮放圖像，但它在FF第一懸停閃爍（重現用ctrl + F5）。使用最新的FF（45.0.1）進行測試。在Chrome和IE10中沒有問題。
因此，這可能是FF中的錯誤，或者我沒有正確地做所有事情。無論哪種方式，我想知道如何解決這個問題。
BTW：我想簡單地使用的jsfiddle或codepen鏈接，但我無法重現完全相同的代碼的行爲。 （編輯：但是在一個HTML文件中使用此代碼直接使得它可重複的。）
CSS
.image-box {
position: relative;
overflow: hidden;
}
.image-box .zoom {
position: absolute;
backface-visibility:hidden;
}
.image-box .zoom ~ img {
position: absolute;
backface-visibility:hidden;
max-width: 100%;
-webkit-transition:all .5s;
-moz-transition:all .5s;
transition:all .5s;
}
.image-box:hover .zoom ~ img {
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
transform:scale(1.3);
}
HTML
<div style="width: 221px; height: 147px;" class="image-box">
<div style="width: 221px; height: 147px;" class="zoom"></div>
<img src="http://media.moddb.com/images/mods/1/22/21735/grizzly3-300x200.jpg">
</div>
如果您不能使用您提供的代碼重現問題，那麼表明問題在其他地方，不是嗎？ – moopet
不可以。如果您在本地創建html文件並使用此確切代碼，則可以將其複製。只是使用jsfidlle，因此在iframe中有代碼（或者區別是什麼）意味着你不能再現它。 – Lodovik
**使用'width：100％'而不是'max-width：100％'修正** ** –