如何在html視圖中創建圖層（或增加圖層的z索引）？

您能否告訴我爲什麼我的菜單選項在滾動視圖下方？如何在html視圖中創建圖層（或增加圖層的z索引）？

其實我有我的屏幕上一個菜單按鈕，當我打開菜單按鈕的點擊菜單選項。它顯示菜單選項，然後滾動我爭我爭滾動菜單選項

enter image description here http://plnkr.co/edit/G8mp53rQlF562hEkgmgT?p=preview

上面顯示

菜單選項應該高於滾動競爭？我已經增加了Z指數..但不工作？

.nav_bar { 
    background: #597A4D!important; 
    border-style: none; 
    height: 44px; 
    border: 0px!important; 
    border-radius: 0px!important; 
    z-index:99999; 

}

得到了解決我自己的

Anwser plunker

.nav_bar { 
    background: #597A4D!important; 
    border-style: none; 
    height: 44px; 
    border: 0px!important; 
    border-radius: 0px!important; 
    z-index:99999; 

}

來源

2015-07-19 Shruti

你在哪裏/你是如何增加Z指數的？ –

我用Z-index：99999;在菜單選項中，但它不工作。我嘗試在這個類中添加navbar-collapse摺疊在 – Shruti

作爲開始，Z-index！= z-index和「in menu option」意味着什麼。顯示CSS –

，因爲這兩個容器在同一堆疊順序的菜單欄將出現滾動容器的後面。指定z-index會給菜單元素更大的堆棧順序。

將z-index添加到列表項目。

.nav>li 
{ 
    z-index: 1; 
}

來源

2015-07-19 06:45:13 Samir

請考慮在OP中添加至少一些詞語解釋，並讓更多讀者回答爲什麼以及如何回答原始問題。 –

Samir想說的很簡單，z-index意味着元素在瀏覽器中的顯示優先級。這意味着，如果你申請

.nav->li 
{ 
    z-index: 1; 
}

該元素將具有更高的優先級，然後其他元素。通過定義z-index，您正在爲元素的顯示定義優先級，這樣可以避免上述問題中所述的情況。

對於定義z-index我沒有限制。

來源

2015-07-20 07:41:09

如何在html視圖中創建圖層（或增加圖層的z索引）？

回答

相關問題