Sim*_*kas 7 html css rotation internet-explorer-8
我正在寻找IE8中旋转元素的CSS解决方案.我发现的一些解决方案说它应该在IE8中工作,但它不适合我.我做错了什么？
这是我尝试过的:
<!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>
如果你在回答之前测试你的解决方案,我将不胜感激,你可以编辑我给出的例子并重新发布所有代码.
[编辑] 如果有人仍然好奇,问题不是代码,而是测试环境.您应该在IE10/IE11中使用真正的IE8,而不是IE8模拟器(不确定IE9)
您缺少IE供应商前缀-ms-
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
所以,使用它
-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* for IE8 */