Firefox bug中的CSS转换

Firefox bug中的CSS转换,firefox,scale,css-transitions,transition,Firefox,Scale,Css Transitions,Transition,我对Firefox中的moz图像转换有问题: .view-tenth img { -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.7s ease-in-out 0s; -moz-transiti

我对Firefox中的moz图像转换有问题:

.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out 0s;
   -moz-transition: all 0.7s ease-in-out 0s;
   -o-transition: all 0.7s ease-in-out 0s;
   -ms-transition: all 0.7s ease-in-out 0s;
   transition: all 0.7s ease-in-out 0s;
}
当页面加载时,所有图像开始几乎不可见(不透明度看起来约为0.1或0.3),然后逐渐变为不透明度约为0.8,而不是1.0。一个或两个图像可能会加载一次,位其他。。。它只在第一页加载时发生。当我转到另一个页面,然后返回到以前的所有图像加载良好。我认为这个bug是伴随着一些现金同步而来的

我也对图像使用“预加载”脚本,但当我关闭该脚本时,问题仍然存在

我注意到,当我设置转换持续时间2s时,问题就消失了,但这不是一个好的决定

如何解决此问题

增加:

.view-tenth:hover img {
   -webkit-transform: scale(2);
   -moz-transform: scale(2);
   -o-transform: scale(2);
   -ms-transform: scale(2);
   transform: scale(2);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
   filter: alpha(opacity=1);
   opacity: 1;
}
当鼠标悬停在图像上时,它会将图像从1缩放到2,并在隐藏div之前显示,同时缩放。如果我只使用scale属性,也许我不需要为所有元素调用transition?我要写的是:

-moz-transition: **scaleY** 0.7s ease-in-out 0s;

但是没有任何效果。

您使用的是什么FF版本?同时提供您的fiddle代码。FF版本为21.0。我不知道怎么用小提琴,我也在用。它工作得很好。我从这里得到的代码是:它工作得很好。检查是否正确放置了jquery代码和css。