Question

如何在不改变html的情况下使嘴巴，眼睛和眉毛出现在脸上？（嘴巴处于错误的位置，所以我可以看到它）

    <body>

<div id = "shoulders">

    <div id = "face">
        <div class = "eyebrow" id = "lefteyebrow"> </div>

        <div class = "eyebrow" id = "righteyebrow"> </div>

        <div class = "eye" id = "lefteye"> </div>

        <div class = "eye" id = "righteye"> </div>

        <div id = "mouth"></div>

    </div>

</div>
</body>

https://jsfiddle.net/tvkhb8zt/

Answer 1

你有几种方法可以实现你想要的目标。

如前所述，您可以使用z-index。请记住，如果页面结构复杂，建议不要使用z-index。
更简单的方法可能是使用简单的相对/绝对定位。这是一个很好的article解释CSS定位。这是JSfiddle图片的示例，其嘴和头部位于肩膀上方。

Answer 2

尝试css属性：z-index

parent.Children = childList;
context.Parents.Add(parent);

context.Parents.Add(parent2);

Answer 3

您可以将z-index添加到CSS。请注意，z-index仅适用于明确定位的元素，因此只需添加一个位置：relative。最大的z-index将位于最前面。

例如：

#face, .eyebrow, .eye {
    position: relative;
}

#face {
    z-index: 1;
}

.eyebrow {
    z-index: 2;
}

.eye {
    z-index: 2;
}

如何改变bg图像的堆叠顺序？

3 个答案: