HTML CSS détermine le positionnement et les filtres en détail

1.position:relative; Le positionnement relatif

n'affecte pas les caractéristiques de l'élément lui-même

ne retire pas l'élément du flux de documents ; s'il n'y a pas de décalage de positionnement, n'a aucun effet sur l'élément lui-même ;

Contrôle de la position de l'élément de positionnement : top/right/bottom/left

Débordement parent sous IE6 : caché est le positionnement relatif ; ne peut pas couvrir les sous-ensembles ;Pour résoudre le problème, il vous suffit d'ajouter des éléments de positionnement au parent avec

Lorsque la largeur et la hauteur du parent de l'élément de positionnement sont toutes deux des nombres impairs sous IE6, le bas et la droite de l'élément de positionnement auront

écart de 1 px

2.position : absolu ; positionnement absolu

peut créer des éléments à partir du flux de documents

activer la prise en charge en ligne de la largeur et de la hauteur ;

Bloquer la largeur d'expansion du contenu de la balise d'attribut

L'élément de positionnement par défaut est ce dernier niveau étant supérieur au premier

Décalage de positionnement ; par rapport à l'ensemble du document;

S'il y a un positionnement Le parent est décalé par rapport au parent de positionnement; S'il n'y a pas de positionnement parent, il est décalé

par rapport au document;

le positionnement relatif est généralement utilisé en conjonction avec le positionnement absolu (beaucoup utilisé

peut être utilisé pour effacer les flotteurs

3.position : positionnement fixe

;

peut retirer des éléments du flux de documents ;

peut activer la prise en charge en ligne. Largeur et hauteur

Décalage de positionnement par rapport à l'ensemble du document

Différence par rapport au positionnement absolu ; Le positionnement parent n'a aucun effet sur le positionnement fixe, toujours

pour le document Offset

Problème : IE6 n'est pas compatible avec le positionnement fixe

peut être utilisé pour effacer les flottants

4.position:static; pas de positionnement par défaut

5 .position:inherit:inherit; fondamentalement inutile au travail

4.z-index:[number];positionnement; z-index:1;

body

5. Filtre, opacité : 0~1 ; filtre privé IE : alpha(opacity=0~100)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!