*   >> Lecture Éducation Articles >> science >> la programmation

Comprendre CSS positionnement absolu et Layering

teur d'éléments HTML. Vous souhaitez généralement pas savoir quelle hauteur vous devriez donner un élément. Outre quand vous donnez seulement la valeur de largeur à un élément, le navigateur choisit une hauteur appropriée ou la hauteur correspondante pour vous. Cela vaut pour images.Absolute Positionnement et layeringIt est possible pour vous de positionner un élément HTML à un endroit particulier sur la zone de votre page web.

Comme vous pouvez le voir sur cette possibilité, l'élément positionné, aurait pour couvrir les éléments qui sont dans le flux normal; et voici ce qui se passe réellement. Vous pouvez avoir de nombreux éléments couvrant l'autre. Former le point de vue de l'utilisateur de la page web, un élément se trouve en face, de l'autre élément se trouve derrière le premier, est la suivante derrière la seconde et ainsi de suite. Ce revêtement d'éléments est appelé stratification. Ce groupe d'éléments de couverture est appelé Stack.

La position d'un élément dans cette pile est appelé le niveau de la pile ou la position z-index. Toutes choses étant égales, l'élément du corps est considéré comme à la position z-index zéro. Les éléments dans le flux normal sont considérées comme à la position z-index 1. Vous pouvez alors placer des éléments dans la pile de z-index position 2 vers le haut. Donc si vous avez 3 élément à empiler, on sera à la position z-index 3, un autre et z-index position 4 et un à la position z-index 5.

L'élément avec la plus grande z-index est celui que l'utilisateur voit avant toute chose; le reste sont covered.To faire positionnement absolu, vous devez au moins les quatre propriétés CSS suivantes: la propriété positionThis prend la valeur "absolue" signifie que vous souhaitez le positionnement absolu. Pour le placement de flux normal ou de positionnement, vous ne devez pas cette propriété ou tout bien du tout.

Page   <<  [1] [2] 
Copyright © 2008 - 2016 Lecture Éducation Articles,https://lecture.nmjjxx.com All rights reserved.