一個div遵循更高的Z指數div

-1

對不起，標題很難解釋。在that page我有一個帶有子菜單的菜單，如果你點擊「Nos formations」按鈕，你會看到一個長的子菜單，它位於背景圖像下面，使得它不易讀。一個div遵循更高的Z指數div

所以這是我（簡化）：

<div id="backgroundimage" style="z-index:1 ..."></div>  
<div id="menu" style="z-index:5"> 
    <div id="submenu"> 
     <div id="button1"> 
     <div id="button2"> 
    </div> 
</div>

我的想法是把一個不透明的div每個按鈕下方，但在0的z-index爲他們是背景圖像，以便在他們永遠不會隱藏它。但由於按鈕包含在另一個div中，似乎不可能。

那麼有沒有簡單的解決方案？（如果可能避免的JavaScript）

感謝

來源

2017-03-10 Entretoize

爲什麼不在中央橫幅下面添加一點點填充？只是我的愚見，但整體外觀有點混亂 – Ren

-1

，我建議你去：最後一個孩子參數到最後一個按鈕的背景不透明度設置爲1，將幫助你了，但我寧願使用JavaScript使最後一個按鈕更不透明。

使用CSS，我想你只能使用這樣的：

#menu #submenu div:last-child{ background: rgba(255,255,255,1); }

來源

2017-03-10 16:45:34 felipekrust

我建議你限制子菜單的高度，使其滾動：

.smLongHeight{ 
    max-height: 200px; 
    over-flow: auto; 
}

來源

2017-03-10 16:51:37

一下添加到CSS文件。

.btnsubmenuitem { 
    opacity: 1; 
    background-color: #f1f1f1; 
}

使閱讀和看到子菜單的邊界更清晰。

來源

2017-03-10 17:06:49

一個div遵循更高的Z指數div

回答

相關問題