function show(n){
  var img=document.getElementById("img"+n);
  var div=document.getElementById("div"+n);
  with(img){
    x=offsetLeft;
    y=offsetTop;
    objParent=offsetParent;
    while(objParent.tagName.toUpperCase()!= "BODY"){
      x+=objParent.offsetLeft;
      y+=objParent.offsetTop;
      objParent = objParent.offsetParent;
    }
    y+=offsetHeight-1;
  }
  with(div.style){
    pixelLeft=x;
    pixelTop=y;
    visibility='';
  }
}
function hide(n){
  document.getElementById("div"+n).style.visibility='hidden';
}
</script>
<img id=img1 onmouseover="show(1)" onmouseout="hide(1)" src="logo.gif"><br/><select></select>

解决方案 »

  1.   

    这里也有一个有关div盖住select的备选方案:
    能盖住Select的Div(不是用Iframe/Popup作载体)
    http://jkisjk.spaces.live.com/blog/cns!758CACE25E89DD3B!359.entry另:
    有关依附对像定位的问题,用循环来得到主对象的offsetParent可能有点费事,并且在按f11后位置可能有改变,
    用一个position:absolute加一个position:relative的对象,可以解决依附对象的定位问题:
    依附div对象的定位问题
    http://jkisjk.spaces.live.com/blog/cns!758CACE25E89DD3B!378.entry