style Problème avec Firefox

Question

J'utilise le code mentionné ci-dessous pour le bouton mouseover. Ce code particulier fixe la position du texte pour l'événement mouseover. Cela fonctionne très bien pour Chrome et IE. Mais d'une manière ou d'une autre, il semble y avoir un problème avec Firefox. Dans le cas de Firefox, la position n'est pas corrigée.

Quelqu'un pourrait me guider ce qui ne va pas dans ce domaine.

<div id="DownloadHelp" runat="server" style="background-color:white; position:fixed; opacity:0; top:100px; z-index:11; color:blue; font-size:small; background-color:silver; border:thin"> 
    Merge all selected Files 
</div> 

<asp:button onmouseover="display()" onmouseout="fadeHelp()" id="singleFileDownload" Width="140px" Enabled="false" onclick="SingleFileSelections" runat="server" Text="Merge and Download"></asp:button> 

function display() 
{ 
    document.getElementById("DownloadHelp").style.opacity = "1"; 
    var x = event.clientX; 
    var y = event.clientY; 
    document.getElementById("DownloadHelp").style.top = y - 30; 
    document.getElementById("DownloadHelp").style.left = x + 10; 
} 

Answer 1

Dans Firefox, objet event est pas exposé à l'objet global.

Faites ceci:

function display(event) 
{ 
    document.getElementById("DownloadHelp").style.opacity = "1"; 
    var x = event.clientX; 
    var y = event.clientY; 
    document.getElementById("DownloadHelp").style.top = y - 30; 
    document.getElementById("DownloadHelp").style.left = x + 10; 
} 

Et ceci:

<asp:button onmouseover="display(event)" onmouseout="fadeHelp()" id="singleFileDownload" Width="140px" Enabled="false" onclick="SingleFileSelections" runat="server" Text="Merge and Download"></asp:button>