这段代码允许我在鼠标悬停在其中一个上时缓慢旋转图像。
.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 就像没有特定的 CSSimg:hover
规则一样。有什么提示吗?谢谢