将div悬停在iframe内

Question

我有一个iframe加载一个显示多个图像的页面，当悬停图像时div显示显示一些信息，问题是如何定位这个div，脚本在将其放入iframe之前工作正常

var innerhtml1 = '<div id="preview" style="z-index:10000;">all info</div>'; 

$("body").append(innerhtml1);   

if (IE) 
{ // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
} 
else 
{  // grab the x-y pos.s if browser is NS
    tempX = e.pageX
    tempY = e.pageY
}       
if (tempX < 0){tempX = 0}
if (tempY < 0){tempY = 0}

if(leftorright=="right")
{
    if(is_chrome == false)
    {
        $("#preview")
        .css("top",(document.documentElement.scrollTop+120) + "px")
    //  .css("left",(e.pageX-470) + "px")
        .css("left",(tempX-470) + "px")
        .fadeIn("fast");    
    }
    else
    {
        $("#preview")           
        .css("top",(document.documentElement.scrollTop+120) + "px")
    //  .css("left",(e.pageX-470) + "px")
        .css("left",(tempX-470) + "px")
        .fadeIn("fast");                        
    }   
}
else
{
    if(is_chrome == false)
    {
        $("#preview")
        .css("top",(document.documentElement.scrollTop+120) + "px")
        .css("left",(tempX-470) + "px")
        .fadeIn("fast");    
    }
    else
    {
        $("#preview")
        .css("top",(document.documentElement.scrollTop+120) + "px")
        .css("left",(tempX+30) + "px")
        .fadeIn("fast");                        
    }
}