0

是否可以仅使用 CSS 将文本旋转 90°(顺时针或逆时针)并兼容 IE6+、Firefox 2 和 Opera?

4

2 回答 2

4

如何使用 CSS 跨浏览器绘制垂直文本?

.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);
}

IE<9 BasicImage 滤镜的旋转属性。

于 2009-09-22T23:24:17.387 回答
1

IE 中的 BasicImage 过滤器可以做到这一点:http: //msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx

于 2009-09-22T23:20:05.653 回答