图片的显示问题

<img src=aa.gif style="position: absolute; top: 100; left: 200">
top left 就是对应着你的 y x 坐标

解决方案 »

  1.   

    top,left是相对父元素的偏移位置，如果父元素不是body,那么就需要循环计算<body>
    <table width="100" style="position: relative" align="left" height="100" style="left:300px;background-color:red" id=t>
      <tr>
        <td>
          <img border="0" src="img.gif"style="position: absolute; left: 15px; top: 20px;background-color:blue" id='image'>
        </td>
      </tr>
    </table>
    </body>
    <script>
    function setPos(x,y)
    {
      var img=document.getElementById('image');
      var tmp=img;
      while(tmp.offsetParent!=null&&typeof(tmp.offsetParent)!='undefined')
       {
         x=x-tmp.offsetParent.offsetLeft;
         y=y-tmp.offsetParent.offsetTop;
         tmp=tmp.offsetParent;
         alert(tmp.tagName);
       }   img.style.left=x;
       img.style.top=y;
    }setPos(200,200)
    </script>