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

-1

我想拥有另一个内部，它将用作容器的背景，并位于容器内所有其他元素的后面。该HTML将类似于这样：CSS：父元素中所有兄弟元素后面的元素

<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）。当我使用位置属性时，它会将元素放在父元素后面或者它不起作用。

我最终试图做的是创建一个jQuery插件，为指定元素添加动画背景。我甚至不确定我想用CSS来做什么是可能的。

来源

2011-09-26 jreed121

-1

z-index不能是负数。相反，对于其他元素使用正z-索引，以便它们可以显示在具有z-索引0的元素上。

来源

2011-09-26 18:50:49 Debiprasad

也可以。我用'z-index：-1'自己做了这样的事情，完美无缺。 –

是的，它可能是负面的。我的错。 – Debiprasad

尝试将背景作为容器的第一个子元素，然后使用position: absolute;。使用z-index，直到它工作。

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

来源

2011-09-26 18:51:43

位置：绝对;在背景上至少要显示它，但它现在将其他元素推到父级之外。我的目标是尽可能少地改变现有的元素。编辑：没关系，它只将背景放在父背后。 – jreed121

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

回答

相关问题