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

旋转属性在IE8中不起作用

1 个答案: