jQuery在覆蓋div上顯示div

Question

我們正在嘗試創建一種「就地編輯」類型的窗體。我正在使用jQuery向頁面添加覆蓋div，並將z-index設置爲1000.頁面上有4個Div，它們的z-index集高於此值，但它們不在覆蓋層上顯示。最終，我將編碼div以隱藏，直到單擊編輯按鈕爲止，但現在它們都顯示出來。

我試圖避免使用模態腳本，因爲我們希望這些div顯示在位，而不是在窗口的中心。

這裏是一個的jsfiddle例如：

http://jsfiddle.net/richcoy/28n5J/

Answer 1

z-index僅適用於定位的元素。這意味着，你必須設置比默認static一個其他position，所以下列操作之一：

• relative（建議，如果你想讓它留在原處）
• absolute
• fixed

Good reads：

• The Z-Index CSS Property: A Comprehensive Look ^{SmashingMagazine}

• Understandind CSS z-index ^MDN

Answer 2

添加到4個格的CSS：

position: relative;