Css 有点z指数问题吗

试图使此处显示的布局看起来像附加到clarfiy的图像…徽标（标题的一部分）需要覆盖图像。图像需要与标题底部完全对齐。我知道这可以通过使用z-index来实现，但我该怎么做呢

header {
width: 100%;
height: 30px;
background: #222;
position: relative;
z-index: 3000;
}

#login {
width: 30%;
float: right;
text-align: right;
padding: .5em 0;
z-index: 5000;
}

#logo {
    width: 25%;
    float: left;
    padding: 3em 3em 1em 3em;
    text-align: center;
    z-index: 9999;
    background: #222;
}

.logo-text {
font: 2em/1em "lucida grande";
display: inline-block;
color: #777;
}  

#bg {
margin: -2em 0 0 0;
clear: both;
}

---

不是关于

z-index

是关于

position

.wrap-inner {
     margin: 0 auto;
     max-width: 1216px;
     position: absolute;
     width: 95%;
}

[…]绝对定位的元素从流中取出，因此在放置其他元素时不占用任何空间

---

不是关于

z-index

是关于

position

.wrap-inner {
     margin: 0 auto;
     max-width: 1216px;
     position: absolute;
     width: 95%;
}

[…]绝对定位的元素从流中取出，因此在放置其他元素时不占用任何空间

添加到

#徽标-位置：绝对，

和

中。包裹内部-位置：相对

还删除了
#login

添加到
#徽标-位置：绝对，
和
中。包裹内部-位置：相对

另外，请检查
#登录
的填充

我经常使用的是
位置：绝对
div在
位置：相对
一内。
检查此项

我经常使用的是
位置：绝对
div在
位置：相对
一个内。
这实际上并不是一个特定的解决方案，但在这个特定的示例中，它可能是一个更好的方法：

您可以将图像释放为html元素，而是在主体上设置背景图像，如下所示：

正文{
背景图片：url(http://www.reversl.net/zindex/bk.jpg);
/*将背景图像上的顶部位置设置为30px向下（收割台高度值）：*/
背景位置：0px 30px；
/*在CSS3中，还可以设置大小：*/
背景尺寸：100%自动；
}
这并不是z索引工作原理的具体解决方案，但在这个具体示例中，它可能是一种更好的方法：

您可以将图像释放为html元素，而是在主体上设置背景图像，如下所示：

正文{
背景图片：url(http://www.reversl.net/zindex/bk.jpg);
/*将背景图像上的顶部位置设置为30px向下（收割台高度值）：*/
背景位置：0px 30px；
/*在CSS3中，还可以设置大小：*/
背景尺寸：100%自动；
}
Guess:Add to img style:margin top:-logo\u height px；z指数：6000；猜测：添加到img样式：页边顶部：-徽标_高度px；z指数：6000；考虑到整个站点的设计，我会使用较低的顺序z索引，但除此之外，这是Id上的点，如+1。我会使用较低的顺序z索引，考虑到整个站点的设计，但除此之外，这是Id上的点，如+1