Jquery div z索引恢复为'；自动'；

我使用jQuery将两个重叠的div追加到容器div（class='content'）。我想对两个子div进行深度排序：
javascript：

$('.content').append('<div id="activePage"></div>');
    var pageContainer = $('#activePage');
    pageContainer.addClass("activePage").css('top', 136);
    pageContainer.append('<div id="pageBacking"></div>');
    $('#pageBacking').addClass("pageBacking");

    pageContainer.append('<div id="introLogo"></div>');
    $('#introLogo').append('<img src="file://<path to image here>/image.png" />');
    $('#introLogo').addClass("activePageContent");          
    console.log("backing z-index = "+$('#pageBacking').css("z-index"));
    console.log("intro logo z-index = "+$('#introLogo').css("z-index"));
    console.log("intro logo class = "+$('#introLogo').attr("class"));

---

console.logs显示，支持z索引为“1”，介绍徽标z索引为“自动”。introLogo类作为“activePageContent”返回，那么为什么introLogo div z-index 2不返回呢？非常感谢您的指点。

您能为容器

.content

div添加css吗

而且，看起来您从未指定

位置：绝对

用于

#introLogo

，因此它将忽略

z-index

为了跟进，我建议更改为：

.activePageContent {
    z-index: 2;
}

致：

---

除非我遗漏了什么，否则在这里似乎可以工作。？因为您还没有设置介绍徽标的z索引和默认z索引，auto已经设置了？我通过将其类设置为activePageContent来设置#介绍徽标的z索引，所以它应该是2。位置：绝对修复它。在链接到的jsbin中，只能看到带有背景的div。没有图像被拉到另一个分区，看它是在前面还是后面。仅供参考…这就成功了。谢谢我没有意识到z指数需要绝对定位。

.activePageContent {
    z-index: 2;
}

.activePageContent {
    position: absolute;
    z-index: 2;
}