Question

（重新发布的问题，因为意外删除了部分内容，无法编辑）

我有两张照片，一张是轮子，另一张是箭头。我想定位箭头，使它指向方向盘。

在我的身体部位我定义：

＆＃13;

function g1()
{
  var left1=screen.width/2;
  var tikli=document.getElementById("arrow");
  //tikli.style.right=0;
  //tikli.style.top=0;
  tikli.style.right=left1;
  tikli.style.top=left1;
  tikli.style.zIndex+=2;
  //rotateAnimation("wheel",8,710);
}

＆＃13;

<body onload="g1()">
    <img src="arrow.png" id="arrow" width=8%>
    <br>
    <center>
    <img src="wheel.png" id="wheel">
    <br>
    <h2 style="width:200px;" id="status"></h2>
    </center>
</body>

＆＃13;

现在的问题是，在更新.style.right和.style.top的值时，箭头的位置不是。（我发现它们是通过插入警报来更新的。）

我在这里错过了什么吗？为了记录，我在Chrome和IE中都尝试过，箭头仍然无法移动。

（ps。将照片上传到here）

编辑：附加CSS脚本：

<style type="text/css">
        body{
            //font-size:22px;
        }
        #arrow{
            position:absolute;
            bottom:100px;
            right:500px;
        }
</script>

Answer 1

你忘记了你的单位。现代浏览器通常不会假设您在谈论像素，而只是忽略没有与之关联的单元的样式。

逻辑异常为0，无论您的单位是什么，都意味着相同。

function g1()
{
  // ...
  tikli.style.right=left1+'px';
  tikli.style.top=left1+'px';
  // ...
}

样式右侧和样式顶部选项未更新

1 个答案: