Heim > Artikel > Web-Frontend > So lassen Sie ein Div oben auf der Seite erscheinen
In CSS können Sie das „z-index“-Attribut verwenden, um die Stapelreihenfolge eines Elements mit der Syntax „z-index: value“ anzugeben. Je größer der Wert, desto höher die Anzeigeebene; je kleiner der Wert, desto niedriger die Anzeigeebene. Wenn der Wert negativ ist, stellt er die niedrigste Stufe dar.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Die goldene Regel zum Stapeln von Elementen:
Wer größer ist, ist besser: Wenn es im selben Stapelkontextbereich eine offensichtliche Stapelebenenkennung gibt, z. B. den effektiven Z-Index-Attributwert, die mit dem größerer Stapelebenenwert Eins deckt das kleinere ab
Aufholen: Wenn die Stapelebene der Elemente konsistent und die Stapelreihenfolge gleich ist, deckt das Element hinten im DOM-Fluss das vorherige Element ab
Beispiel:
<div style="z-index:999"></div> 数值越大,显示级越高,当然一般也不用999, 2,3就够了 <div id="police_computer_network" class="m_wrapper"> <ul> <li><a href="#" target="_blank">全国公安信息网</a></li> <li><a href="#" target="_blank">全国公安信息网</a></li> <li><a href="#" target="_blank">全国公安信息网</a></li> <li><a href="#" target="_blank">全国公安信息网</a></li> <li><a href="#" target="_blank">全国公安信息网</a></li> <li><a href="#" target="_blank">全国公安信息网</a></li> </ul> <div class="m_itemMain m_up">全国公安网</div> </div>
Empfohlenes Lernen: CSS-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo lassen Sie ein Div oben auf der Seite erscheinen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!