旋转属性在 IE8 中不起作用

Rotation property not working in IE8

本文关键字：不起作用 IE8 属性 旋转      更新时间：2023-09-26

我需要在IE8浏览器中旋转div元素。

我已经渲染了箭头（有两个div 元素）

<DIV class=e-arrowTip> 
 <DIV class=e-arrowTipOuter></DIV>
 <DIV class=e-arrowTipInner></DIV>
</DIV>
.e-arrowTip{
    bottom: -1px;
    height: 10px;
    position: absolute;
    transform: rotate(90deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    left: 50%;
    top: 100%;
    overflow: hidden;
    visibility: visible;
    width: 20px;
}

在 IE8 中，div 元素不旋转。

将以下内容添加到.e-arrowTip：

-ms-transform: rotate(90deg);

更新：

将.css({"-ms-filter" :更改为.css({"msFilter" :

信用：https://stackoverflow.com/a/5594170/704808

相关文章：