Hierarchieprobleme (Z-Index), die durch negative Randwerte verursacht werden

In diesem Artikel wird hauptsächlich die Lösung für das hierarchische (Z-Index-)Problem vorgestellt, das durch negative Randwerte verursacht wird. Freunde, die es benötigen, können darauf verweisen. Schauen wir uns zuerst diesen Code an:

Kopieren Sie den Code

Der Code lautet wie folgt:

Script Home

Unter IE6 und IE7 , die innere Schicht Der Container wird von der äußeren Schicht bedeckt, wie im Bild gezeigt:

Unter IE8 und ff wird der äußere Container von der inneren Schicht bedeckt, wie im Bild gezeigt:

Es ist wirklich verrückt, wenn Sie den Effekt erzielen möchten, dass der äußere Container von IE8 von der inneren Schicht abgedeckt wird, kann IE7 das Problem lösen, indem er das Layout der inneren Schicht auslöst, aber IE6 kann das nicht Verwenden Sie position:relative nur in der inneren Ebene, um das Problem zu lösen. Natürlich löst position:relative auch das Problem von ie7, da position:relative selbst das Layout auslösen kann.
Sehen Sie sich den Code an:

Kopieren Sie den Code

Der Code lautet wie folgt:

Script Home

Wenn Sie möchten, dass IE8 und FF die Wirkung von IE6 und IE7 erzielen, müssen Sie nur overflow:hidden in der äußeren Ebene hinzufügen. Siehe Code

Kopieren Sie den Code

Der Code lautet wie folgt:

< a href="http://www.jb51.net/" mce_href="http://www.jb51.net/">Script Home< /a>

Das obige ist der detaillierte Inhalt vonHierarchieprobleme (Z-Index), die durch negative Randwerte verursacht werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!