Question

当我将鼠标悬停在图像上时，我想旋转图像。我使用以下代码进行旋转。它不起作用....

#header #scn:hover{transform:rotate(45deg)};

它对我不起作用。我正在使用Firefox 4.

有没有办法在IE8中执行变换和阴影效果。

Answer 1

您需要为每个渲染引擎添加前缀。对于Firefox，前缀为-moz-。

要在所有支持的浏览器中旋转图像，请使用：

-moz-transform: rotate(45deg); 
-o-transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
-ms-transform: rotate(45deg); 
transform: rotate(45deg);

对于IE8中的文字阴影，您可以使用Shadow Filter (MSDN)。此外，还有针对Internet Explorer的CSS转换解决方法： cssSandpaper

在CSS中转换属性

1 个答案: