Question

我需要在css中为ie6

旋转图像

可能吗

我试过下面的代码但下面没有任何工作

.image-box

{ 

-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

 ms-filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE8 */

 -ms-filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE8 */

 transform: rotate(180deg);

-moz-transform: rotate(180deg);

-webkit-transform: rotate(180deg);

-ms-transform: rotate(180deg);

  -sand-transform:  <rotate(180deg)>;


 }

请帮助!!!

Answer 1

在非供应商特定的CSS属性之前，您不应该使用连字符。从-filter: ...删除连字符：

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

此外，您可能需要通过向CSS中添加hasLayout或overflow:auto来触发zoom:1。 Here是一个演示（我在IE7中使用browserlabs进行了测试）。

Answer 2

IE6的支持有限，甚至来自MS。您可能应该使用IE条件注释为IE6提供不同的图像或标记。以下是关于这些http://msdn.microsoft.com/en-us/library/ms537512(v=vs.85).aspx

的MSDN文章

在CSS中旋转图像为ie6

2 个答案: