javascript - 无论 Firefox 中的布局区域如何，工具提示都会在同一位置打开

Question

我有一个工具提示，鼠标悬停在左上角打开 页面的“鼠标悬停”。 在 IE8 的情况下，这工作正常并在鼠标所在的位置上方打开 放置但在 Firefox 中它无法计算/解释值。

这是工具提示的代码片段

   function DoFlyOver()
{
  if( ToClear != -1 ) window.clearTimeout( ToClear );
  var thisForm = eval("document." + formName);
  if (FlyOverArea == null) FlyOverArea = document.getElementById("FlyOverArea");

    if (FlyOverArea.firstChild!==null)
        FlyOverArea.removeChild(FlyOverArea.firstChild); // remove all existing content
        FlyOverArea.appendChild(document.createTextNode(FoText));

    FoLeft = $displayOptions.getFlyoverLeftOfCursor();
        FoTop = $displayOptions.getFlyoverTopOfCursor();
    FlyOverArea.style.left = Number(thisForm.mousex.value) + Number(thisForm.scrollx.value) - Number(FoLeft);  
    FlyOverArea.style.top = Number(thisForm.mousey.value) + Number(thisForm.scrolly.value) - Number(FoTop);
    var maxX = (window.screen.width * $displayOptions.getFlyoverThreshold())/100;

// If the mouse is at the extreme right corner the max threshold should the tooltip be //placed.
   if(FlyOverArea.style.posLeft > (window.screen.width - maxX)){

    FlyOverArea.style.left = window.screen.width - maxX;
   }
    FlyOverArea.style.display = "";
    ToClear = setTimeout( "ClearFlyOver()", $displayOptions.getFlyoverVisibleTimeWithCursor(), "JAVASCRIPT" );//set timeout
}

    <DIV ID=FlyOverArea CLASS="FO" STYLE="display: none">
     </DIV> 

我怀疑它有 style.top 和 style.left 并尝试使用 style.pixelLeft,style.posleft 但没有用

Answer 1

哈，我找到了答案，Mozilla 无法识别数字，但如果你附加 px 它将设置位置。例如

var theLeft=Number(thisForm.mousex.value) + Number(thisForm.scrollx.value) - Number(FoLeft);
FlyOverArea.style.left = theLeft+"px"

问题解决了