css3 旋转在 IE9 中不起作用 [英] css3 rotation doesn't work in IE9
本文介绍了css3 旋转在 IE9 中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
这段代码允许我在鼠标悬停在其中一个图像上时缓慢旋转图像.
This code allows me to slowly rotate images whenever the mouse is over one of them.
.foo img {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.foo img:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
它适用于 FF18 和 Opera.但是,我无法让它在 IE9 上工作,即使 -ms-transform 应该是正确的解决方案.IE9 就像没有特定的 css img:hover
规则一样.任何提示?谢谢
It works in FF18 and Opera. However, I can't get it to work on IE9, even is -ms-transform should be the proper solution.
IE9 acts as if there's no specific css img:hover
rule.
Any hints?
thanks
推荐答案
http://modernizr.com/download/
Modernizr 应该可以解决问题.
Modernizr should do the trick.
这篇关于css3 旋转在 IE9 中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文