CSS：為什么“z-index”不會讓一個 div 出現在另一個 div 之上？

Question

索引，我有問題。 我有這個按鈕，當點擊時，它會顯示內容，但它不會與前面的 div 重疊，如果我也嘗試在點擊時設置它的 z-index 這里是我的代碼到目前為止

<script type="text/javascript">
function change()
{
    alert("Asd");
    $('#account-container').css('z-index', 11);
}

這是它的樣子

關於我應該做什么的任何想法？ 非常感謝

Answer 1

更高的z-index是不夠的。 兩個元素都必須定義position ，並且應該是absolute和/或relative 。

我會使用relative的父母和absolute的孩子（然后也使用top / left定位）。 接下來對兩者都使用z-index ，其中較高的值用於子項（或必須位於頂部的層）。

在大多數情況下， z-index應該與position一起使用，但並非總是如此。 感謝 Michael_B 指出這一點。

Answer 2

幾點指點：

• z-index僅適用於特定上下文，即relative位置、 fixed位置或absolute位置。

• z-index一個relative的div無關與z-index一個的absolute或fixed股利。

• z-index不適用於static定位元素（CSS3 中有例外）。

Answer 3

重疊的內容必須具有更高的z-index值。 你能把你的代碼放到 jfiddle 上嗎？ 以便我可以幫助你

Answer 4

請參考以下鏈接。 這應該對您有所幫助： http : //www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_zindex_div