2017-06-01 160 views
-3

我已經在Firefox,Chrome和Safari瀏覽器在Mac上測試,但在這個頁面的子菜單沒有顯示在懸停:子菜單不會顯示在懸停

http://www.mickyvanhouten.nl

誰能告訴我是什麼發生了什麼?子菜單在那裏,據我所知應該是可見的,但事實並非如此。

Thanx!

+1

你應該表現出一些代碼,並解釋你的問題有點。 –

+0

請提供一個小提琴或其他[最小,完整和可驗證的示例](https://stackoverflow.com/help/mcve) –

+0

說實話,鏈接演示比在這裏的部分代碼片段或小提琴更好..問題很明顯,子菜單沒有顯示,你可以刪除他們的「display:none」,他們仍然不會在頁面的任何地方看到。 –

回答

0

它#left-col-fix,它被設置爲溢出-y:sroll - 但父母#header被設置爲300px,因此子菜單正在顯示,但是300px的左邊距不顯示在父母之內。

變化溢出-y以「看得見」來解決這個問題,就這樣:

#left-col-fix { 
    display: block; 
    width: 300px; 
    height: auto; 
    z-index: 3001; 
    position: fixed; 
    box-sizing: border-box; 
    overflow-y: visible; 
    height: 100%; 
    min-height: 100vh; 
} 
+0

Thanx!問題解決了。 – Marc