第一次悬停图像闪烁与变换：规模（仅在Firefox中）

Question

编辑：似乎问题确实是firefox bug。

的影响应该简单地缩放图像，但它在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> 

Answer 1

这似乎是一个错误，我没有发现任何现在还不错，但是如果你能加载比容器稍窄的图像，那么transition似乎可以按预期工作。