7

我有一个<span>我想旋转的。我正在使用 HTML5、CSS3 和 Internet Explorer 9。

我尝试了下面的 CSS，但它不起作用：

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);

如何旋转跨度？

4

3 回答 3

17

-webkit-和-moz-属性分别适用于 webkit 浏览器（Chrome、Safari）和 Gecko 浏览器（Firefox）。

您还需要对 IE 使用等效项。

.rotate {

/* Safari, Chrome */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Older versions of IE */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

/* CSS3 standard as defined here: http://www.w3.org/TR/css3-transforms/ */
transform: rotate(-90deg);

}

来源

于 2012-06-14T03:21:26.750 回答
4

尝试-ms-transform: rotate(-90deg);

于 2012-06-14T03:21:55.120 回答
2

内联元素不能旋转。您必须将它们显示为块级别。

于 2014-08-24T01:16:39.457 回答