Bon je comprend vraiment pas le pourquoi du comment
ma feuille css
#bouton1 {z-index : 8; background-image: url('images\boutonmenu.gif'); position: absolute; top: 59px; left: 100px;width: 28px; height: 57px;}
#bouton1anim {z-index : 9; visibility: hidden; background-image: url('images\boutonmenuanim.gif'); position: absolute; top: 59px; left: 100px;width: 28px; height: 57px;}
#bouton1text {z-index : 8; border: black 1px solid; display:block; cursor: pointer; position: absolute; top: 80px; left: 130px; color: #FDFDFD; font-family: verdana, tahoma, arial, helvetica, sans-serif; font-size: 15px; text-align:left; font-weight: bold;}
#bouton1lien {z-index : 10; cursor: pointer; position: absolute; top: 59px; left: 100px;width: 100px; height: 57px;}
ma page html :
<div id="bouton1text">Accueil</div>
<div id="bouton1lien" onclick="window.location='http://www.toto.com/" onmouseout="javascript:document.getElementById('bouton1anim').style.visibility='hidden'" onmouseover="javascript:document.getElementById('bouton1anim').style.visibility='visible'"><IMG src="images\vide.gif"><IMG src="images\vide.gif"></div>
en faite j'ai créé un calque bouton1lien qui est superposer sur différents calques dont bouton1text. Lorsque le curseur de la souris survole bouton1lien un calque est affiché créant un effet d'animation.
Le soucis est que lorsque dans mon calque bouton1lien je surovle bouton1text, ie considere que je sort du calque bouton1lien. Pourtant l'option z-index de bouton1text est bien inferieur à bouton1lien, il ne devrait pas y tenir compte.
Quelqu'un sait pourquoi ?
Message édité par Gaby59 le 04-10-2005 à 15:30:37