網站菜單隱藏在頁面後面 - Z-index

-1

我正在處理的網站存在問題，因爲該菜單僅顯示主頁上的第一個子項（覆蓋在metaslider頂部），但菜單在其餘頁面上正確顯示。我試圖操縱菜單的Z-index，滑塊和頁面內容無濟於事。網站菜單隱藏在頁面後面 - Z-index

我已經想通了，是當網站內容包含的div被賦予100的z-index（就像現在）：

.site-content-contain { 
    z-index: 100!important; 
}

網站內容顯示，但菜單中有一個問題。只要它的值是99或更小，我可以正確訪問菜單，但是網站容器有問題。

其他相關信息是，正在使用的主題是TwentySeventeen的定製孩子。

這裏是鏈接： https://www.enitan.co.uk/home/

來源

2017-04-22 Enoch S

請閱讀[我的網站上的某些內容不起作用。我可以只粘貼一個鏈接嗎？]（http://meta.stackoverflow.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link -to-IT）。當外部資源消失或者固定時，依賴於外部資源被理解的問題變得毫無用處。創建一個[MCVE]並將其置於**問題本身**中。 – Quentin

-1

我做，如果你要從你的頭（.site-header）和你的站點容器（.site-content-contain）刪除z-index您的菜單的工作原理：

但它不是真正可讀的（白色/白色），也許你可以添加一個邊框或一個陰影框

來源

2017-04-22 11:27:04 soywod

不知道爲什麼你downvoted，但這解決了我的問題，我不得不將z-index設置爲自動選擇默認（我相信是3） –

CSS

#masthead { 
    z-index: 999; 
    background-color: red !important; /*You need to use gradient color here */ 
}

來源

2017-04-22 11:44:22

如果你把這個CSS屬性你的問題將解決只是檢查你需要添加淡入淡出透明顏色.... –

其實這也是工作，但我只是CSS ID –

網站菜單隱藏在頁面後面 - Z-index

回答

相關問題