1

是否可以在 IE 中旋转文本

-moz-transform: rotate(330deg);  /* FF3.5+ */
    -o-transform: rotate(330deg);  /* Opera 10.5 */
    -webkit-transform: rotate(330deg);  /* Saf3.1+, Chrome */
    filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=330deg);  /* IE6,IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=330deg)"; /* IE8 */

为 IE 编写的行不起作用。

任何人都可以帮助。

编辑。我想旋转交叉的文本

4

4 回答 4

2

据我所知，IE 中的旋转只能以 90 度间隔进行。

在此处查看文档：http: //msdn.microsoft.com/en-us/library/ms532918%28v=vs.85%29.aspx

于 2012-12-03T11:30:26.027 回答
0

正如已经指出的那样，您想要的解决方案取决于目标 ie 版本。

您应该使用具有不同供应商前缀的所有转换 

-vendor-transform : rotate(330deg);

而对于不支持css旋转的ie版本，可以将旋转转换为a filter matrix，并应用到元素上。
这是一个自动将 css3 转换为过滤矩阵的站点： 

 /* IE8+ - must be on one line, unfortunately */ 
 -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660254037844387, M12=0.49999999999999994, M21=-0.49999999999999994, M22=0.8660254037844387, SizingMethod='auto expand')";

/* IE6 and 7 */ 
filter: progid:DXImageTransform.Microsoft.Matrix(
        M11=0.8660254037844387,
        M12=0.49999999999999994,
        M21=-0.49999999999999994,
        M22=0.8660254037844387,
        SizingMethod='auto expand');

唯一的缺点是为了使变换原点成为元素的中心，oyu 必须提供该元素的宽度和高度。

于 2012-12-03T11:51:36.563 回答
0

您是否已经尝试过这种方式：

<div id="rotation">Try this rotation</div>​

#rotation
{
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=..);
  -webkit-transform: rotate(330deg); 
  -moz-transform: rotate(330deg);    
  width:100px;
}​

就像在这个小提琴中

于 2012-12-03T11:27:12.820 回答
0

试试这个新例子..

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8660253882408142, M12=0.5, M21=-0.5, M22=0.8660253882408142,sizingMethod='auto expand')"; /* IE6-8 */

这有工作

如果您想要更多的旋转角度，请访问http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/filters/matrix.htm

于 2012-12-03T11:31:47.667 回答