Internet Explorer et onMouseOver/onMouseOut

Question

J'ai essayé de regarder une question similaire ici, mais nous ne pouvions pas trouver un si le voici:

Je cette html (ignorer le « + tout + @ », son dans un fichier codebehind si Im mettre quelques variables qui im ​​obtenir à partir de là):

<div id='ReferenceContainer"+UniqueID+@"' style='background-color:"+BackcolourOFF+@"; width:"+CompWidth+@"; height:"+CompHeight+@";'> 
    <div id='Reference"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; '> 
     <div id='RefTextContainer"+UniqueID+@"' style='float:left; width:"+CompWidth+@"; height:"+CompHeight+@"; ' > 
      <div id='RefTitleCon' style='margin-top:"+RefTitleMargin+@"px; color:"+RefTitleColor+@"; z-index:-1;' ><p><b>"+RefTitle+@"</b></p> </div> 
      <div id='RefTextCon'><p>"+RefText+@"</p></div> 
     </div> 
     <div id='RefPicContainer"+UniqueID+@"' style='float:right;'> 
      <img id='RefImg"+UniqueID+@"first' class='first' name='RefImg"+UniqueID+@"' src=" + StartImg + @" style='position:absolute;' ></img> 
      <img id='RefImg"+UniqueID+@"second' class='second' name='RefImg"+UniqueID+@"' src=" + AltImg + @" style='display:none;' ></img> 
     </div> 
     </div> 
    <div id='ScriptContainer"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; position:relative; top:-"+CompHeight+@"px; left:0px;' onMouseOver='ChangeBackcolourON"+UniqueID+@"()' onMouseOut='ChangeBackcolourOFF"+UniqueID+@"()'></div> 
</div> 

Maintenant dans Firefox, tout fonctionne parfaitement. Le div "ScriptContainer" se trouve devant le tout et lorsque la souris entre ou sort, les fonctions fonctionnent exactement comme elles le devraient. Mais IE8 place le texte devant tout et les fonctions ne fonctionnent pas comme je le voudrais. "ChangeBackcolourOFF" est appelé chaque fois que la souris entre dans le texte, qui se trouve devant tout et "ChangeBackcolourON" est appelé chaque fois que la souris entre dans le "Scriptcontainer" du texte. Donc, soit j'ai besoin de comprendre comment forcer le texte à être placé derrière le "Scriptcontainer" ou d'autres solutions.

J'apprécie vous répond

Answer 1

D'accord, je me dis que ce fait par essais et erreurs. Donc j'ai pensé que je partagerais. Apparemment, si le "Scriptcontainer" n'a pas de couleur de fond, IE place le texte en avant, mais si le "Scriptcontainer" a une couleur de fond, le texte est placé derrière. Donc j'ai donné une couleur de fond au "Scriptcontainer" et je l'ai fait passer à travers avec le filtre: alpha (opacité = 0); opacité: 0; donc comme ceci:

<div id='ScriptContainer"+UniqueID+@"' style='width:"+CompWidth+@"; height:"+CompHeight+@"; position:relative; background-color:#ffffff; filter:alpha(opacity = 0); opacity: 0;' onMouseOver='ChangeBackcolourON"+UniqueID+@"()' onMouseOut='ChangeBackcolourOFF"+UniqueID+@"()'> 

Je ne suis pas sûr s'il existe d'autres, peut-être de meilleures solutions à ce problème, mais il semble fonctionner pour moi.