So lösen Sie das Problem der ungültigen Anpassung des Z-Index-Attributs der Div-Ebene-CSS-Tutorial-php.cn

So lösen Sie das Problem der ungültigen Anpassung des Z-Index-Attributs der Div-Ebene

不言

Freigeben： 2018-06-20 15:54:34

Original

9022 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich die Analyse und Lösungen für die ungültigen Gründe für die Anpassung des Z-Index-Attributs der p-Ebene vorgestellt. Freunde in Not können sich auf den

Z-Index ist ungültig

Dabei habe ich ein sehr einfaches Problem entdeckt, auf das viele Leute stoßen sollten. Das Setzen des Z-INDEX-Attributs ist ungültig. In CSS kann die Ebene nur durch Code geändert werden. Dieses Attribut ist z-index. Damit der z-index funktioniert, muss das Positionsattribut des Elements relativ, absolut oder fest sein.

Die erste Situation (der Z-Index funktioniert nicht, egal wie hoch er eingestellt ist):

Dafür gibt es drei Bedingungen:

1. Das Positionsattribut des übergeordneten Tags ist relativ;

2 Das Frage-Tag enthält kein Positionsattribut.

Beispiel: Der Z-Index-Level funktioniert nicht. Der Code lautet wie folgt:

<p style="POSITION: relative; Z-INDEX: 9999">  
<IMG style="FLOAT: left" src="/131101/1A5494I0-0.jpg">  
</p>

Nach dem Login kopieren

Es gibt drei Lösungen (jede reicht aus):

1. Position:relativ in position:absolut ändern;

2. Positionsattribute (wie relativ, absolut usw.) zu schwebenden Elementen hinzufügen;

2. Der zweite Fall

Unter IE6 hängt die Leistung der Hierarchie manchmal nicht vom Z-Index des Sub-Tags ab, sondern vom Ganzen DOM-Baum (Die Ebene des übergeordneten Tags des ersten relativen Attributs des Knotenbaums).

ZB: IE7 und IE6 haben den gleichen Fehler. Obwohl der aktuelle Papa-Level des Bildes sehr hoch ist (1000), weil der Papa nicht nützlich ist. es ist erbärmlich wie 9999. Starke Kinder haben keine Zukunft! , der Code lautet wie folgt:

<p style="POSITION: relative">
<p style="POSITION: relative; Z-INDEX: 1000">
<p style="POSITION: absolute; Z-INDEX: 9999"> <IMG src="/131101/1A3194V7-1.jpg"> </p>
</p> 
</p>

Nach dem Login kopieren

Lösung: Fügen Sie dem ersten relativen Attribut eine höhere Ebene (Z-Index: 1) hinzu, der Code lautet wie folgt:

<p style="POSITION: relative; Z-INDEX: 1">  
<p style="POSITION: relative; Z-INDEX: 1000">  
<p style="POSITION: absolute; Z-INDEX: 9999"> <IMG src="/131101/1A3194V7-1.jpg"> </p>  
</p>  
</p>

Nach dem Login kopieren

Das Obige ist das Ich hoffe, dass der Inhalt des gesamten Artikels für das Lernen aller hilfreich ist. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

Über CSS3 Analyse von rem (Schriftgröße festlegen)

Das obige ist der detaillierte Inhalt vonSo lösen Sie das Problem der ungültigen Anpassung des Z-Index-Attributs der Div-Ebene. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!