文字在Internet Explorer中旋转，但div仍然保持直立。

Question

我有几个侧面标签，可以在Chrome和Firefox中完美工作，但在IE中会出现问题。真的很感谢有人帮助我。继承人到他们一个环节的工作http://www.sgsgrass.co.uk/quotation.php

color: #FFF; 
height: 40px; 
width: 200px; 
font-size: 24px; 
line-height: 40px; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-align: center; 
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-o-transform: rotate(90deg); 
writing-mode: tb-rl; 
position: fixed; 
top: 30%; 
left: 0px; 
-moz-transform-origin: 20px; 
-ms-transform-origin: 20px; 
-o-transform-origin: 20px; 
-webkit-transform-origin: 20px; 
transform-origin: 20px; 
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
-moz-border-radius-topright: 10px; 
-moz-border-radius-topleft: 10px; 
-webkit-border-top-right-radius: 10px; 
border-top-width: 4px; 
border-right-width: 4px; 
border-bottom-width: 4px; 
border-left-width: 4px; 
border-top-style: solid; 
border-right-style: solid; 
border-bottom-style: solid; 
border-left-style: solid; 
border-top-color: rgb(255,255,255); 
border-right-color: rgb(255,255,255); 
border-left-color: rgb(255,255,255); 

Answer 1

是否缺少

-MS-变换：旋转（90度）;

Answer 2

由于IE浏览器的问题，我建议您使用图片而不是纯CSS3。

我测试过这个网站http://www.cssrotate.com/在IE8和CSS3转换不起作用。但是，如果您不需要图像，则可以使用filter在IE中旋转元素。这里有LINK1和LINK2。您可以看到很好的演示HERE（在IE中打开以查看轮播）。这是开始，你可以谷歌它更多。使用的

例如：

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

的BasicImage滤波器的旋转属性可以接受四个值之一：0，1，2，或3，其将旋转元素0，90，180或270辈分分别。