怎么让里面的每个字母向右旋转90度，用js来实现。因为要兼容ie7

Posted 2023-05-05

给指定的元素添加一个 CSS 属性即可：

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

但仅对 IE8+ 或其他浏览器有效。

如果非得兼容 IE7 的话需要使用 filter 滤镜 DXImageTransform.Microsoft.Matrix。这个参数过于复杂，这里不展开写了，题主可以自行搜索一下相关信息。

楼上说的 jquery-rotate 在 IE7、8 上表现还可以，在 IE9 里反倒有坑，题主可以自行选择是否使用。

参考技术A CSS3 rotate不支持IE7，自己写比较麻烦。
推荐使用jquery的旋转插件，jqueryrotate。追问

rotate插件用了在ie7、8中也没效果啊，其他的都有效果的

追答

IE需要用experimental jQueryRotate 3.1
https://raw.githubusercontent.com/wilq32/jqueryrotate/master/jQueryRotate.js

追问

还是没效果啊

css旋转180度怎么转

参考技术A

假设有这样一个容器：

<div id="box">

mybox

</div>

旋转之前

旋转之前

transform:rotate(180deg);围绕默认的中心原点旋转180度如下：

围绕中心旋转180度

transform:rotatex(180deg);/*围绕x轴旋转180度*/如下：

围绕x轴旋转180度

transform:rotatey(180deg);/*围绕y轴旋转180度*/如下

围绕y轴旋转180度

2d旋转的默认原点是transform-origin:50% 50%;。可以通过设置transform-origin的值更改2d旋转的原点。