Heim > Web-Frontend > CSS-Tutorial > So lassen Sie ein Div oben auf der Seite erscheinen

So lassen Sie ein Div oben auf der Seite erscheinen

醉折花枝作酒筹
Freigeben: 2023-01-04 09:35:58
Original
7832 Leute haben es durchsucht

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.

So lassen Sie ein Div oben auf der Seite erscheinen

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>
Nach dem Login kopieren

So lassen Sie ein Div oben auf der Seite erscheinen

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage