爲什麼div元素忽略我的z-index和width設置？

我試圖使用HTML + CSS來生成簡單的內聯信息彈出窗口，但我無法使其按預期工作。特別是，彈出式div容器忽略了我的最大寬度和z-index設置。爲什麼div元素忽略我的z-index和width設置？

有人請賜教嗎？我錯過了什麼？提前謝謝了！

2012-09-18 MRA

沒有得到您的問題 – supersaiyan

@SACHIN：請看看問題中鏈接的jsfiddle。當您將鼠標懸停在[？]符號上方時，會彈出一個文本框。不過，這個盒子應該放在包含[？]（下面已經解決）的div的下面，它也應該遵循給定的最小寬度和最大寬度設置，而目前它沒有。 – MRA

如果將.faq>.body更改爲position:fixed，則會觀察到240像素的寬度，並且top : 12px會將彈出窗口移動到底層的？上。然後，您可以放棄left-20px以及它自己。

2012-09-18 12:25:28 StuartLC

是的，但是這個彈出窗口相對於窗口而不是[？]符號，不是嗎？ – MRA

您需要設置位置的絕對/相對/固定爲了使z-index的工作http://jsfiddle.net/NMh8j/12/

2012-09-18 12:26:42 Onheiron

您.head未指定任何位置，你的CSS更改爲：

.faq:hover>.head { 
    position: relative; 
    border-color:#cccccc; 
    border-bottom-color:#ff0000; 
    z-index:100; 
}

z-index需要position屬性是固定的（fixed，absolute，relative ..但不是static，這是默認值）

2012-09-18 12:26:51 zessx

謝謝，我沒有意識到這一點。 – MRA

回答