谁能告诉我当CSS设置成float:left;时javascript怎么获得图片的实际TOP,LEFT

Question

<li style="border:1px solid #FF99CC;float:left;">
 <dl>
  <dt style="text-align:center"><img name="img1" src="/Gz_Pic_Small/84140065.gif" width="135" height="103" onMouseOver="alert(this.offsetTop);" /></dt>
   </dl>
</li>
大大，
alert(this.offsetTop);总是弹出0
怎么样弹出实际TOP

Answer 1

<li style="border:1px solid #FF99CC;float:left;">
 <dl>
  <dt style="text-align:center"><img name="img1" src="/Gz_Pic_Small/84140065.gif" width="135" height="103" onMouseOver="alert(func(this))" /></dt>
  </dl>
</li>
function func(elem) {
   return elem.offsetParent ? elem.offsetTop + func(elem.offsetParent) : elem.offsetTop;
}试试看

Answer 2

不知道 你要的实际TOP LEFT  是相对于谁的 一般是 父级 设置 position:relative
自己 设置： position:absolute   这个时候的offsetTop offsetLeft 都是相对父级的 距离
否则获得的都是相对于浏览器的

Answer 3

<img style="position: relative;"
OK.散分，结贴