Question

我想在歌剧10.50版本中旋转20度的div 下面是我的旋转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>

如何解决我的问题？

Answer 1

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

请参阅：http://caniuse.com/#feat=transforms2d

你可以做的是在photoshop中旋转你的图像，然后用透明背景上传那个图像，但是当然图像是静态的，我怀疑这是你想要的。

如何在Opera浏览器中旋转div

1 个答案: