如何切換div與另一個div

如何使用css解決此問題。 enter image description here 如何切換div與另一個div

當我展開菜單菜單中的內容像第二張圖展開展開。這是我的css

.contents { 
    /*margin-left: 165px;*/ 
    /*margin-top: 60px;*/ 
    position: absolute; 
    top: 120px; 
    left: 0px; 
    right: 0px; 
    bottom: 0px; 
    overflow-y: scroll; 
}

這是我的HTML與內容。

<div class="contents" id="subContents"> 

</div>

我嘗試了位置'相對'，但它不適用於我。通過使用z-index有這樣的問題。這樣做的 enter image description here http://jsfiddle.net/ssaranga/o7sh1j0f/

來源

2015-01-14 Saranga

使用z-index或固定在菜單上的位置 – WhiteLine

關於上次附加的圖片：我以爲這就是你想要的。至此，目前尚不清楚你想達到什麼目的。我重申：請進行演示（例如jsfiddle）以闡明您的要求。 –

一種方法是將z-index屬性添加到您的切換菜單類和最高值分配給它，根據你有多少的疊置元件都有。

z-index指定元素的堆棧順序。不同的瀏覽器有不同的最大值和最小值。

使用大於實際堆疊元素的數字的優點是，您不需要返回並在要添加更多元素時更改z-index值。

請注意，z-index僅適用於定位元素。

例如，你可以這樣做：

.toggle-menu{ 

position:relative 
z-index: 999; 

}

來源

2015-01-14 10:52:18

這僅僅是一個例子，見更新:) –

使用9999作爲一個值沒有錯，取決於上下文。請注意，通過使用2，如果您之間需要其他圖層...您需要再次更改堆疊。一個（雖然非常）很高的數字提供了餘地 – SW4

但我的問題不會解決使用z-index。 – Saranga

的定位是不是你的問題，那就是你的菜單股利是在後臺顯示的事實。

您已將html元素堆疊在一起，並且必須使用CSS z-index propert來調整z軸上的元素。

來源

2015-01-14 10:57:03

我在哪裏使用z-index – Saranga

@SarangaSachinthana你的問題是你沒有使用過該屬性。閱讀鏈接，你會感受到它是如何工作的。 –

菜單是最高層。但在其他div的頂部內容不能訪問 – Saranga

如何切換div與另一個div

回答

相關問題