1.position:relative; Die relative Positionierung
hat keinen Einfluss auf die Eigenschaften des Elements selbst;
entfernt das Element nicht aus dem Dokumentfluss; Wenn kein Positionierungsversatz vorhanden ist, hat dies keine Auswirkung auf das Element selbst.
Positionierungselementpositionssteuerung: oben/rechts/unten/links;
Übergeordneter Überlauf unter IE6: Ausgeblendet ist die relative Positionierung Teilmengen können nicht abgedeckt werden. Um das Problem zu lösen, müssen Sie das Positionierungselement nur mit
zum übergeordneten Element hinzufügen. Wenn die übergeordnete Breite und Höhe des Positionierungselements unter IE6 ungerade Zahlen sind, Der untere und rechte Rand des Positionierungselements weist eine
1px-Abweichung
2.position:absolute; absolute Positionierung
kann Elemente aus dem Dokumentfluss erstellen
Inline-Unterstützung für Breite und Höhe aktivieren;Breite der Blockattribut-Tag-Inhaltserweiterung;Positionierungselement ist standardmäßig auf die letztere Ebene eingestellt, die höher ist als die erstere; relativ zum gesamten Dokument; Wenn eine Positionierung vorhanden ist, erfolgt ein Versatz relativ zum übergeordneten Dokument. Wenn keine übergeordnete Positionierung vorhanden ist, erfolgt ein Versatz relativ zum Dokumentrelative Positionierung wird im Allgemeinen in Verbindung mit absoluter Positionierung verwendet (wird häufig verwendet);
kann zum Löschen von Floats verwendet werden
3.position:feste Positionierung;
kann Elemente aus dem Dokumentfluss entfernen; kann Inline-Unterstützung ermöglichen Positionierungsversatz relativ zum gesamten Dokument; Die übergeordnete Positionierung hat keinen Einfluss auf die feste Positionierung, immer für den Dokumentversatz Problem: IE6 ist nicht mit der festen Positionierung kompatibel kann zum Löschen von Floats verwendet werden 4.position:static; standardmäßig keine Positionierung 5 .position:inherit:inherit; grundsätzlich nutzlos bei der Arbeit4.z-index:[number];Positionierungsebene z-index:1; body 5. Filter, Deckkraft: 0~1; IE privater Filter filter:alpha(opacity=0~100)Das obige ist der detaillierte Inhalt vonHTML-CSS bestimmt Positionierung und Filter im Detail. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!