固定定位元件顶部的物体流动

Question

我看到一个新的网站时尚元素向下滚动页面并消失在其他元素后面（比如一个大图像消失在白色背景后面有文字就可以了。）我试图达到类似的效果固定位置的图像滚动后面其他元素。我遇到的问题是z-index对固定定位元素没有影响，因为它们不在正常流程中。有没有css方法将固定元素放在其他元素后面？

Answer 1

您可以做的一件事是将该元素的z-index设置为-1。但是，我相信你必须在其上放置position:relative;所有内容，因为如果我没记错，某些浏览器会忽略z-index有position:static;的元素。另外，您是否考虑过将该图像设置为带有css的页面的背景图像？
的更新
由于我不知道您的代码的确切性质，我可以建议一个基本的模型，说明如何实现这一点：
小提琴： http://jsfiddle.net/jatN2/
的 CSS

#bg {
    position:fixed;
    height:100%;
    width:100%;
    z-index:-1;
}
#wrapper {
    position:absolute;
    z-index:1;
    background:transparent;
}
body {
    font-family:Arial, Helvetica, sans-serif;
    background:transparent;
}
.content {
    padding:20px;
    background:#FFF;
    margin:0px;
    display:block;
}

<强> HTML

<img src="<!--Your background image here -->" id="bg" />
<div id="wrapper">
    <div class="space"><!--Just a placeholder for the area where you want the background image to show. Give this element a height so it'll show the bg for that amount of height --></div>
    <div class="content">
        <!--Put your content here -->
    </div>
</div>