Pseudo

Password

E-mail

Titre : Z-index et IE6

Categorie : css / Navigation

Script posté par : Administrateur

Date de mise en ligne : 2010-04-09

Le z-index qui permet de gérer l’empilement (profondeur) des éléments HTML sur une page web.

On rencontre ce bug la plupart du temps en créant un menu déroulant,quant le menu se déroule sous le contenu.

Pour le résoudre il suffit d’associer les styles CSS  : position:relative; et  : z-index:1; à la balise parente.

Example :

//script créer par l'equipe de source gratuit

//Notre site web : http://www.source-gratuit.com/

<div id="parent">
   <ul id="menu">
	<li><a href="#">Lien1</a></li>
	<li><a href="#">Lien2</a></li>
   </ul>
</div>
#parent{
position: relative;
z-index:1;
}
 
#menu
{
z-index:12;
}