Spezifische Analyse des Z-Index-Attributs in CSS-CSS-Tutorial-php.cn

Spezifische Analyse des Z-Index-Attributs in CSS

黄舟

Freigeben： 2017-10-21 11:07:05

Original

1467 Leute haben es durchsucht

Kaskadierender Kontext: ein dreidimensionales Konzept, das die Position des Elements auf der Z-Achse angibt

Kaskadierung kann verschachtelt und zu einem hierarchischen Kontext kombiniert werden
Jeder kaskadierende Kontext ist unabhängig von seinen Geschwisterelementen und können kaskadiert oder gerendert werden. > Unterstützen Sie negative Werte
Unterstützen Sie

CSS3

Animation

Muss mit positionierten Elementen in CSS2.1 verwendet werden

Zum Beispiel positionierte Elemente
Z-Index

Verschachtelung erfolgt: von hinten kommend Kriterien, je nachdem, was größer ist, sollte nach oben gehen

1 background~border
2 负z-index
3 block盒子
4 float浮动盒子
5 inline/inline-block盒子
6 z-index:auto/z-index:0
7 正z-index

Nach dem Login kopieren

Wenn Verschachtelung auftritt: Vorfahrenprioritätsprinzip, die Prämisse ist, dass

z- index

ist ein numerischer Wert anstelle von

auto
, auto erstellt keine Kaskade. Kontext

verwendet standardmäßig , um das Element zu positionieren
z-index: auto; /z-index: 0 z-index ist nicht auto erstellt einen kaskadierenden Kontext

z-index

Der Vergleich der Kaskadenreihenfolge stoppt beim übergeordneten kaskadierenden Kontext

, um

z-index das Einbetten verwirrender hierarchischer Beziehungen zu vermeiden Vermeiden Sie
z- IndexVerwirrung und Stilprobleme, die dazu führen, dass ein Berg höher steigt als der vorherigeNegative Werte können zum Verstecken verwendet werden

Das obige ist der detaillierte Inhalt vonSpezifische Analyse des Z-Index-Attributs in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!