旋转属性在IE8中不起作用

Question

I need to rotate a div element in IE8 browser.

I have rendered the arrow (with two div elements)

<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;
}

In IE8, the div element not rotated.

Answer 1

Add the following to .e-arrowTip :

-ms-transform: rotate(90deg);

UPDATE:

Change .css({"-ms-filter" : to .css({"msFilter" :

Credit: https://stackoverflow.com/a/5594170/704808