相关疑难解决方法(0)

我有一个带有相对位置元素的问题.问题是我有一个固定位置的标题和相对定位的内容.如果我向下滚动内容,元素将放在标题前面.我尝试使用z-index,但我无法让它工作.我已经戴上z-index:999头了.

在这里你可以看到我的jsFiddle

这是一张图片:

HTML

<div class="overlay">

</div>
<div class="fixed">
    <center>

        <h3>
            Only this thing should be brought on top of overlay.. 
        </h3>
    </center>

</div>

<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br>

CSS:

.fixed{
    position: fixed;
    width: 100%;
    height: 60px;
    top:0;
    left: 0;
    background: #f4f4f4;   
}
.fixed h3{
    position:relative;
    z-index: 300;
    color: #fff;
}

.overlay{
    background-color: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .5;
    position: fixed;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out; …

我有类似以下的css：

#one{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
}
#two{
    position: relative;
    z-index: 9;
    width: 200px;
    height: 200px;
    background: red;
}
#link{
    position: relative;
    z-index: 9999999; /*this is not in higher layer why??? */
}

我无法#two按照我的设计增加 z-index 。

但是我已经为它分配了更高的 z-index#link但它没有进入更高的层。

那么，为什么固定的位置阻塞了层（z-index）？

提琴手

如果 #one 的位置没有固定，那么它会正常工作。所以，我的问题是为什么固定位置给了我一个错误？

我有一个底部边框的元素,我想在图像上显示它,但是,当我向下移动相关的div(使用负底边距)时,边框位于下面的图像元素下面.有没有办法将它设置在顶部？

我试过z-index但无济于事.我必须让"顶级"div有边框.

<div class="top">One</div>
<div class="block"><img src="http://placekitten.com/200/300"></div>
.top {border-bottom:5px solid red; margin-bottom:-3px; z-index:5;}

http://jsfiddle.net/gdRWy/1/

图片由Placekitten主持并拍摄:Pieter Lanser

多谢你们

我有一个需要修改的网页，背景当前使用 z-index 进行绝对定位以将其向后推，滚动时需要保持原状，我需要将其更改为固定，但这样做似乎会破坏 z-索引并将其下方的内容垂直推入。有任何想法吗？

编辑：好的，我设法让它在 FF 中工作，但 IE 仍然损坏......