2017-05-09 27 views
1

添加了附加導航欄時出現奇怪問題。我在導航欄下方有一個div分類爲容器流體,並且我放入的任何內容都可以很好地與導航欄一起滾動,直到我嘗試在該容器內的div上放置不透明度。內容不透明時,引導程序粘貼菜單

如果我設置了不透明度,則內容與導航欄重疊。

見什麼我談論這兩個例子:

無混濁的DIV

http://25years.cwhc-rcsf.ca/example1.php

隨着透明度的DIV

http://25years.cwhc-rcsf.ca/example2.php

唯一兩個容器之間的代碼差異如下:

div.box, div.box2 { 
    margin:15px 0px 15px 0px; 
    padding:25px; 
    background-color:#fff; 
    border-radius: 5px; 
    border:#fff 1px solid; 
} 
div.box2 { 
    opacity:.85; 
} 

回答

0

多數民衆贊成在z-index的問題

添加以下CSS樣式將解決此問題:

CSS:

div#menu { 
    position: relative; 
    z-index: 1; 
} 
+0

太棒了!那就是訣竅。我曾嘗試過這樣做,但我顯然把z-index放在了錯誤的元素上。謝謝一堆。 –

+0

@KevinBrown不客氣:) –