-4

以下のバージョンの Opera 10.50 で div を 20 度回転させたいのですが、div を回転させるための Javascript コードは次のとおりです。

<script type="text/javascript">
    function rotator(value) {
        document.getElementById('divId').style.webkitTransform = "rotate(" + value + "deg)";
        document.getElementById('divId').style.msTransform = "rotate(" + value + "deg)";
        document.getElementById('divId').style.MozTransform = "rotate(" + value + "deg)";
        document.getElementById('divId').style.OTransform = "rotate(" + value + "deg)";
        document.getElementById('divId').style.transform = "rotate(" + value + "deg)";
        document.getElementById('span1').innerHTML = value + " deg";
    }
</script>

HTML コード:

    <body>
    <div id="divId" style="height: 150px; width: 150px background-color:red; border: 1px solid #000;">
        This is Rotator Div
    </div>
    <br />
    Rotate:
    <input type="range" min="-360" max="360" value="0" onchange="rotator(this.value)" /><br />
    Rotate Div in <span id="span1">Zero deg</span>
</body>

どうすれば問題を解決できますか?

4

1 に答える 1

2

CSS 回転変換は、Opera バージョン 10.5 未満ではサポートされていないため、このJavaScript方法は機能しません。

参照: http://caniuse.com/#feat=transforms2d

あなたができることは、フォトショップで画像を回転させてから、その画像を透明な背景でアップロードすることですが、その画像はもちろん静的であり、それがあなたの望むものであるとは思えません.

于 2013-04-20T16:06:12.627 に答える