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仅适用于定位元素。这意味着，您必须设置position以外的默认static，以便执行以下操作之一：< / p>

• relative（建议如果您希望它留在原地）
• absolute
• fixed

好读：

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

• Understandind CSS z-index ^MDN

Answer 2

添加到4个div的css：

position: relative;