javascript - 旋转属性在 IE8 中不起作用

Question

我需要在 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 元素不旋转。

Answer 1

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

-ms-transform: rotate(90deg);

更新:

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

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