Question

我希望有另一个内部作为容器的背景，并且位于容器内的所有其他元素后面。 HTML就是这样的：

<div id='container'>
    <div>Blah</div>
    <input type='text'/>
    <input type='submit'/>
    <div id='background'>
        <img.../>
        Some Text Maybe?
    </div>
</div>

我失败的CSS：

#background{
    float:left;
    z-index:-999;
    background-color:black;
    height:'+o.height+'px;
    width:'+o.width+'px;
}

0.variables来自我正在制作的jQuery插件 - 基本上div应该与父级的高度和宽度相同。

我目前的立场：我的背景位于兄弟元素下方（沿着y轴而不是z）。当我使用position属性时，它会将元素放在父元素后面，或者它没有效果。

我最终要做的是创建一个jQuery插件，为指定的元素添加动画背景。我甚至不确定我是否可以尝试使用CSS。

Answer 1

尝试将背景作为容器的第一个孩子，然后使用position: absolute;。与z-index混在一起直到它起作用。

此外，您可能需要在<body>上指定“更负面”的z-index，否则您的背景元素将在身体后面（因此不可见）。

Answer 2

z-index不能为负数。而是使用正z-index作为其他元素，以便它们可以在z-index 0的元素上显示。

CSS：父元素中所有兄弟元素的元素

2 个答案: