-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

低于 10.5 的 Opera 版本不支持 CSS 旋转变换，这就是为什么JavaScript你的这种方法不起作用的原因。

见：http ://caniuse.com/#feat=transforms2d

您可以做的是在 Photoshop 中旋转您的图像，然后上传具有透明背景的图像，但是图像当然是静态的，我怀疑这就是您想要的。

于 2013-04-20T16:06:12.627 回答