此代码允许我在鼠标悬停在其中一张图片上时缓慢旋转图片。
.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
规则一样。
有什么提示吗?
谢谢
最佳答案
http://modernizr.com/download/
Modernizr 应该可以解决问题。
关于css3 旋转在 IE9 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14655520/