CSS留在Internet Explorer中无法正常工作

时间:2013-12-02 14:30:37

标签: css css3

#tab {
    position: relative;
    float:right;
    height: 22px;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
            -ms-transform-origin:0 50px;
    -webkit-transform: rotate(+90deg) translate(0px, 0px);
        -ms-transform: rotate(+90deg);
       -moz-transform: rotate(+90deg) translate(0px, 0px);
         -o-transform: rotate(+90deg) translate(0px, 0px);
            transform: rotate(+90deg);        /* IE10 */
    text-decoration:none;
    list-style-type:none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index:100;   
    left:110px;
    top:-5px;
    text-shadow:none;
}

这里左边的属性:110px;在谷歌C​​hrome和Moz Firefox中工作正常,但是,它在IE 11中无法正常工作,我需要做的是Internet Explorer必须保留:59px;,那我怎么能解决这个问题,我试过条件html课程,但我意识到IE 10之后不再支持了

1 个答案:

答案 0 :(得分:0)

解决方案是“50px transform-origin for IE” 我刚删除了这一行,它在3个浏览器中的作用相同