是否可以使用CSS将文本旋转90°(顺时针或逆时针)并与IE6 +,Firefox 2和Opera兼容?仅使用CSS旋转90°的文本
0
A
回答
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);
}
+0
漂亮的跨浏览器:> = ie6,> = ff2和webkit – 2009-09-23 00:49:06
1
在IE的BasicImage滤波器可以这样做: http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx
相关问题
- 1. 使用GDI将文本旋转90度
- 2. 使用css制作链接图像旋转90度使用css
- 3. Android的旋转按钮文本90度
- 4. 在iOS中将文本旋转90度
- 5. CSS 90 *旋转格不能居中文本(宽度极限旋转) - 使用Flexbox的
- 6. CSS旋转div 90度左边距
- 7. 如何使用css旋转SVG文本
- 8. 使用CSS和IE旋转文本
- 9. 如何使用CSS旋转文本
- 10. 使用CSS防止SVG文本旋转
- 11. 为什么我的定向光仅仅从90度旋转到-90°(统一5.5)
- 12. 使用CSS将输入的值旋转90度
- 13. 在IE8及更低版本的CSS中旋转90度
- 14. 旋转CALayer 90度?
- 15. 旋转台90度
- 16. CGAffineTransform旋转90度
- 17. CSS旋转文本 - 复杂
- 18. CSS Divs和文本旋转
- 19. 使用java旋转图片90度(netbeans)
- 20. jQuery的图像旋转(旋转使用插件)旋转+/- 90度,每点击
- 21. 表中的90度文字旋转
- 22. 旋转(90度)的ViewGroup根
- 23. 旋转NSImageView的CALayer 90度
- 24. 检测从旋转270到旋转90的旋转变化
- 25. 在IE8中旋转文本90度不起作用
- 26. 旋转文字/格90度(静态)
- 27. 垂直对齐90度旋转文字
- 28. css hml div全高与文本在90°旋转并居中在一个div
- 29. 旋转文本的CSS/JavaScript的/ jQuery的
- 30. 图片90度旋转AVCam
重复http://stackoverflow.com/questions/1080792/how-to-draw -vertical-text-with-css-cross-browser/ – voyager 2009-09-22 23:25:19