下拉菜單和隱藏顯示元素的Z索引問題

Question

我剛剛將superfish添加到my page。但下拉菜單顯示在下我的標題底部div顯示：隱藏。但這不是唯一的問題，它也是我的Easy Slider覆蓋的 它有圖像和div，我不知道哪一個覆蓋了我的下拉菜單。

我不是很熟悉使用z-index 解決這個問題的最佳方法是什麼？

Answer 1

檢查包含菜單的容器是否有相對位置。 Z索引僅適用於具有「絕對」相對位置屬性的元素。

例如：

<div style="position:relative">Menu here</div> 

Answer 2

通過CSS兩種元素添加Z-index屬性。 （菜單）和（滑塊）

<div style="z-index:2;">Menu</div> 

<div style="z-index:1;">Slider (or whatever coming after the menu)</div> 

，是的，原因是使用兩個元素與position:relative;