24. Positions absolue et fixe; z-index
Le positionnement absolu
Le positionnement fixe
La profondeur : z-index
accéder à l'article suivant
• Un élément positionné en absolu est placé par rapport à son parent si ce dernier est lui-même positionné, et sinon par rapport au premier ancêtre positionné.
• Il n’est alors plus dans le flux normal.
• Pour placer un élément en absolu, on utilise la déclaration position: absolute.
• Les propriétés top, right, bottom et left s’appliquent à nouveau.
• Tout élément positionné en absolu est considéré de type bloc.
• Il n’est alors plus dans le flux normal.
• Pour placer un élément en absolu, on utilise la déclaration position: absolute.
• Les propriétés top, right, bottom et left s’appliquent à nouveau.
• Tout élément positionné en absolu est considéré de type bloc.
Le positionnement fixe
• Ne se déplace pas lors du défilement de la zone de visualisation.
• Les mêmes propriétés sont à utiliser.
• Technique prise en charge à partir de la version 7 d’Internet Explorer.
• Les mêmes propriétés sont à utiliser.
• Technique prise en charge à partir de la version 7 d’Internet Explorer.
La profondeur : z-index
• Par défaut, le dernier élément positionné déclaré dans le code HTML s’affichera par-dessus tous les autres éléments du même conteneur. La propriété z-index permet de changer de comportement.
• Dans un même conteneur, l’élément placé au-dessus des autres sera l’élément portant le plus grand z-index.
• Un élément parent peut ainsi être placé au-dessus d’un enfant.
• Les valeurs de z-index n’ont aucune interprétation en absolu. L’élément de valeur la plus élevée prenant place au sommet des zones de superposition.
• Dans un même conteneur, l’élément placé au-dessus des autres sera l’élément portant le plus grand z-index.
• Un élément parent peut ainsi être placé au-dessus d’un enfant.
• Les valeurs de z-index n’ont aucune interprétation en absolu. L’élément de valeur la plus élevée prenant place au sommet des zones de superposition.
accéder à l'article suivant