IE8 CSS旋转

我正在寻找在IE8中旋转元素的CSS解决方案。我发现的一些解决方案说，它应该在IE8中工作，但它不适合我。我做错了什么？IE8 CSS旋转

这里是我的尝试：

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <style> 
     .rotate { 
      font-weight: bold;color: #000;background: #aa0;display: block;margin: 0 auto;width: 300px;height: 300px;top: 10%;text-align: center;line-height: 300px; 
      -webkit-transform: rotate(-90deg); 
      -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
      -o-transform: rotate(-90deg); 
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
     } 
    </style> 
</head> 
<body> 
<div class="rotate"> 
    TESTING ROTATION 
</div> 
</body> 
</html>

，如果你回答之前测试您的解决方案我将不胜感激，这将是巨大的IR你可以只修改我给出的例子并重新发布的所有代码。

[编辑] 如果有人仍然好奇这个问题不是代码，而是测试环境。你应该用真正的IE8，但不是在IE10/IE11 IE8模拟器（不知道IE9）

来源

2013-10-04 Simas Skilinskas

可能的重复：http://stackoverflow.com/questions/4617220/css-rotate-property-in-ie – tborychowski

你缺少IE供应商前缀-ms-

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

所以，使用此

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

也看看这个问题：CSS rotate property in IE可能会帮助你

来源

2013-10-04 08:30:17

它适合你吗？你能给我完整的HTML代码像我的例子吗？因为它不适合我:( –

现在为我工作，谢谢。 –

那么，我不认为过滤器的旋转工作在IE8中优雅的方式。我也试过了，但它对我来说并没有正常工作。我试着使用jQuery的旋转插件。您可以尝试一下 - http://code.google.com/p/jqueryrotate/

即使发生这种情况，我也遇到问题（jQueryRotate - Issue in IE8），但它可能对您有所帮助，以防万一。

来源

2013-10-04 08:32:39 whyAto8

回答

相关问题