Recouvrement d'image

Passer la souris sur l'image gauche...

• Les images apparaissent par z-index croissant.
• Pour DIV, on emploie ID et pas NAME.
• C'est plus propre d'écrire document.getElementById('toto') que toto, mais getElementById n'est pas reconnu par les vieux navigateurs, ni d'ailleurs toto.style. Pour que ça marche avec Netscape 4.5, on écrit une fonction qui teste où est stocké le style. Par contre, bizarrement, pour que ça marche complètement avec Netscape, cette fonction doit être définie à l'intérieur du DIV englobant. Explication: les DIV sont imbriqués, donc si on mettait cette fonction à l'extérieur, il faudrait qu'elle retourne document.layers[0].layers["toto"]
• Les 2 DIV ayant le z-index doivent être au même niveau (position:absolute), donc inclus dans un DIV englobant (position:relative).
• Attention entre z-index et zIndex.
• Si les 2 images doivent se recouvrir complètement, on peut utiliser le lien (A ou AREA) à l'extérieur de tout ça (ou un bouton).
• Le position:relative, sous IE 5.0, ne tient pas compte de la marge du BODY (défaut: 10 pixels). Mettez LEFTMARGIN=50 pour vérifier.