Firefox bug中的CSS转换
我对Firefox中的moz图像转换有问题: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
.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。