0

绝对 div 一直显示在其他 div 上方，而 is 应该出现在下方；这是一个快速演示：

http://jsfiddle.net/hvP8c/2/

<div id="logo">
    <h1></h1>
    <div id="line"></div>
</div>
#logo {
    position: relative;
}
h1 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border:1px solid #000;
    background-color:#eee;
    z-index:100;
    margin:0 auto;
}
#line {
    border-bottom:1px solid #033e5e;
    position:absolute;
    left:0;
    top:30px;
    width:100%;
    z-index:1;
}

在此演示中，线应位于圆圈下方。我试图玩 z-index 但它没有任何效果。

4

4 回答 4

1

z-index仅适用于定位元素。由于h1（这似乎是您正在谈论的“其他 div”）position: static它不适用于那里。

设置position: relative在h1

于 2013-06-15T10:24:33.777 回答
1

你必须设置position: relativeorposition: absolute到 h1

于 2013-06-15T10:26:52.087 回答
0

从 1更改z-index为#line-1：

#line {
    z-index: -1;
}

演示：http: //jsfiddle.net/hvP8c/4/

请注意，它可能不适用于 IE6/7。在 IE8 中可以。

于 2013-06-15T10:26:34.013 回答
0

只做 => z-index:-1; id '#line'

于 2013-06-15T10:32:17.167 回答