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

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>

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>

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>

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!