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;