是否可以仅使用CSS将文本旋转90°(顺时针或逆时针)并兼容IE6 +,Firefox 2和Opera?
答案 0 :(得分:4)
How can I draw vertical text with CSS cross-browser?
.rot-neg-90 {
/* rotate -90 deg, not sure if a negative number is supported so I used 270 */
-moz-transform: rotate(270deg);
-moz-transform-origin: 50% 50%;
-webkit-transform: rotate(270deg);
-webkit-transform-origin: 50% 50%;
-o-transform: rotate(270deg);
-o-transform-origin: 50% 50%;
transform: rotate(270deg);
transform-origin: 50% 50%;
/* IE<9 */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
答案 1 :(得分:1)
IE中的BasicImage过滤器可以做到这一点: http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx