HTML-CSS bestimmt Positionierung und Filter im Detail

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 Dokument

relative 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 Arbeit

4.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!