導航欄下拉內容重疊

我有我的CSS導航欄的問題。問題是子鏈接位於導航欄下方的div下方，阻礙了鏈接。我不知道如何讓導航欄顯示在其餘內容之上，而不是在之下。導航欄下拉內容重疊

你可以看到這裏的問題：通過滾動鏈接1.

nav { 
    margin-bottom: 20px; 
    text-align: center; 
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; 
    font-weight: bold; 
    text-transform: uppercase; 
    font-size: 11px; 
    letter-spacing: 1px; 
} 

nav ul ul { 
    display: none; 
} 

nav ul li:hover > ul { 
    display: block; 
} 

nav ul { 
    padding: 0 20px; 
    border-radius: 10px; 
    list-style: none; 
    position: relative; 
} 

nav ul:after { 
    content:""; 
    clear: both; 
    display: block; 
} 

nav ul li { 
    float: left; 
} 

nav ul li a { 
    display: block; 
    padding: 15px 40px; 
    text-decoration: none; 
} 

nav ul ul { 
    border-radius: 0px; 
    padding: 0; 
    position: absolute; 
    top: 100%; 
} 

nav ul ul li { 
    float: none; 
    position: relative; 
} 

nav ul ul li a { 
    padding: 15px 40px; 
} 

nav ul ul ul { 
    position: absolute; 
    left: 100%; 
    top:0; 
}

如果有人可以提供任何洞察如何解決這個問題http://nellyswritingroom.tumblr.com/，將不勝感激！

來源

2013-06-01 nellygrl

添加z-index的最大值：10;到需要坐在上面的元素 – shammelburg

添加的z-index使導航看起來像

nav { 
    z-index: 999; 
    margin-bottom: 20px; 
    text-align: center; 
    font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; 
    font-weight: bold; 
    text-transform: uppercase; 
    font-size: 11px; 
    letter-spacing: 1px; 
}

這將讓導航欄ontop的一切。此外，它並不需要是999，但是這是如此，如果你添加更多的圖層您的淨資產值將留在上面

來源

2013-06-01 13:31:17 brendosthoughts

這就是訣竅！謝謝！ – nellygrl

Thankyou @brendosthoughts ... – 2017-04-22 19:11:21

導航欄下拉內容重疊

回答

相關問題