0

IE9で動作するはずのjsfiddleがありますが、動作しません

CSS:

#MyDiv{
    width:150px;
    height:150px;       
    margin:100px 100px;
    background-color: red;
    transition:all 2s ease;
    -ms-transition:all 2s ease;}

.Rotate{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform: rotate(360deg);}

ジャバスクリプト：

$(document).ready(function () { AddRotate(); });

function AddRotate() {

    $('#MyDiv').addClass('Rotate');  

    setTimeout(function () {
        RemoveRotate();
    }, 2000);    
}

function RemoveRotate() {

    $('#MyDiv').removeClass('Rotate');

    setTimeout(function () {
       AddRotate();
    }, 2000);  
}

そしてHTML：<div id="MyDiv">test</div>

なぜ機能しないのかわかりません。トランジションを使用して CSS ローテーションを作成することです。バグはどこにあり、どのように修正して IE9 で動作するようにしますか?

ありがとう。

4

2 に答える 2

2

回転は IE9 でサポートされていますが、CSS トランジションはサポートされていません。

JavaScript ソリューションを使用する必要があります。

私の提案は、CSS Sandpaperライブラリを使用することです。これにより、IE でもトランジションに標準の CSS を使用できるため、IE のために他のブラウザーの JS に切り替える必要がなくなります。

それが役立つことを願っています。

于 2013-03-03T20:44:33.107 に答える
1

トランジションは IE9 ではサポートされていません。IE10 以降でのみサポートされています。詳細については、使用できますかを参照してください。

于 2013-03-03T20:33:37.607 に答える