Heim  >  Artikel  >  Web-Frontend  >  Spezifische Analyse des Z-Index-Attributs in CSS

Spezifische Analyse des Z-Index-Attributs in CSS

黄舟
黄舟Original
2017-10-21 11:07:051477Durchsuche

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn