我需要在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