少妇的bbw性大片,人妻放荡乱h文,青青草97国产精品免费观看,人人妻人人澡人人爽不卡视频,人妻夜夜添夜夜无码av

Menu

導(dǎo)航下拉設(shè)置z-index：9999菜單還是被banner遮住或顯示不全的解決辦法

網(wǎng)站維護(hù) 錄入時間 2025-04-15 閱讀次數(shù) 次 無雙建站 多語種獨(dú)立站 SSL證書 外貿(mào)推廣系統(tǒng)

一、導(dǎo)航下拉菜單被遮住，那是因?yàn)閷盈B關(guān)系錯誤

我們必須理解層疊關(guān)系滿足的2個條件：

  • 1、必須是同級；

  • 2、二者分別設(shè)定了position:relative 或 absolute 或 fixed；

  • 這時候通過設(shè)置z-index才有效

  • image.png

看看我們比較常見的網(wǎng)頁布局：

html:

image.png

錯誤css

image.png

上面css里吧nav的z-index設(shè)置成9999，但發(fā)現(xiàn)下拉還是被擋住，這是因?yàn)榇藭rbanner設(shè)置了position,會在nav上面。

想要nav在banner上面，就需要向上查找，發(fā)現(xiàn)nav的外層(header)和banner在同一級（滿足條件1）

正確css:

image.png

這時候同時設(shè)置header和banner的position和z-index，使header在banner上面即可，此時nav的z-index已經(jīng)無關(guān)重要了。

分別設(shè)置header和content的position和z-index，因?yàn)?者在最外層并且同級。

其它同理。

很多時因?yàn)榫W(wǎng)頁比較復(fù)雜，層級比較多，所以經(jīng)常忽略了外層或者外外外層設(shè)置了overflow:hidden導(dǎo)致導(dǎo)航下拉菜單顯示不全，其實(shí)只要仔細(xì)查找就能解決問題，把overflow:hidden去掉，如果需要清除浮動，可以用其它方法，css清除浮動就有了。

【版權(quán)聲明】:本站內(nèi)容來自于與互聯(lián)網(wǎng)(注明原創(chuàng)稿件除外),供訪客免費(fèi)學(xué)習(xí)需要。如文章或圖像侵犯到您的權(quán)益，請及時告知，我們第一時間刪除處理！謝謝！

無雙科技
如何獲取外貿(mào)詢盤和訂單？
網(wǎng)站建設(shè)咨詢：13534259410

經(jīng)典客戶案例展示

熱門服務(wù)
眾多企業(yè)的選擇

深圳無雙科技 - 專注于高端網(wǎng)站建設(shè)、網(wǎng)站設(shè)計開發(fā)、品牌網(wǎng)站制作

咨詢電話：13534259410

售后服務(wù)：13534259410  (7×24小時)
在線 Q Q：253849310 (售前咨詢)

深圳網(wǎng)站建設(shè)咨詢
【掃一掃咨詢】
  • 掃一掃 在線咨詢
    無雙科技官方公眾號
  • 響應(yīng)式客戶端
    掃一掃 關(guān)注好友
體驗(yàn)創(chuàng)新服務(wù)

深圳無雙科技,專注于深圳網(wǎng)站建設(shè)、深圳網(wǎng)站設(shè)計、深圳網(wǎng)站制作。
服務(wù)客戶超3000家，一站式網(wǎng)站建設(shè)及推廣營銷解決方案提供商。
我們的價值觀：誠信、坦誠、盡責(zé)、創(chuàng)新。期待與您合作！

您好，很高興為您服務(wù) ^_^