首頁 > web前端 > css教學 > 如何讓一個div顯示在頁面最頂層

如何讓一個div顯示在頁面最頂層

醉折花枝作酒筹
發布: 2023-01-04 09:35:58
原創
7836 人瀏覽過

在css中,可以使用「z-index」屬性指定一個元素的堆疊順序,語法「z-index:值」。數值越大,顯示級越高;數值越小,顯示級越低。當數值為負數時,表示最底層。

如何讓一個div顯示在頁面最頂層

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

元素的層疊黃金準則:

  • 誰大誰上:當具有明顯的層疊水平標識的時候,如生效的z-index屬性值,在同一個層疊上下文領域,層疊水平值大的那一個覆蓋小的那一個

  • #後來居上:當元素的層疊水平一致、層疊順序相同的時候,在DOM流中處於後面的元素會覆寫前面的元素

範例:

<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>
登入後複製

如何讓一個div顯示在頁面最頂層

推薦學習:css影片教學

以上是如何讓一個div顯示在頁面最頂層的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板