0

我需要在 ie6 的 css 中旋转图像

有没有可能

我尝试了下面的代码但下面的代码都不起作用

.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)>;


 }

请帮忙！！！

4

2 回答 2

4

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

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

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

于 2013-01-09T13:07:19.663 回答
0

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

于 2013-01-09T13:08:33.463 回答