小编Vla*_*lad的帖子

CSS转换:仅适用于图像

我有这个代码:

<html>
<head>
    <script type = "text/javascript" src = "jquery-1.7.1.js"></script>
    <script type = "text/javascript" src = "jquery-ui-1.8.18.custom.min.js"></script>
</head>
<body>
    <div id = "div" onclick = "Rotate()">
        <img src="image.png" height="40" width="160">
    </div>

    <script type="text/javascript">
        var x = 1;
        function Rotate() {
            var angle = (90 * x);
            $("div").css("-moz-transform", 
                         "rotate(" + angle + "deg)");        
        x++;    
    }</scipt></body></html>

Run Code Online (Sandbox Code Playgroud)

当使用Rotate()脚本时,div似乎已经旋转了,但是当用Firebug查看时,我可以看到它div仍处于相同的位置.我做错了什么,或者我正在使用错误的东西完成我想要完成的任务？

编辑:

谢谢你的回复!我将背景设置为黄色并且它变为黄色框但是当在Firebug中单击div名称时,它显示div仍处于其原始位置. lightblue是div的原始位置