Question

我需要创建一个div位置固定在哪里我将图像放在div与其余内容

我已经在我的CSS header { margin-bottom: 310px; }中创建了一个空格，我的img位于div id="background"位置固定在下方。

然后我创建了以下id：

#background {
position:fixed;
width:100%;
height:100%;
top:130px;
left:0;
z-index: 1;
overflow:scroll;

}

和

#content {
width:100%;
height:100%;
top:60px;
left:0;
z-index:2;
overflow:scroll;

}

id背景应该是div，我的图像将被放置在标题后面的空白区域l中，id内容是div，我将拥有我的页面内容并从顶部开始。

此处页面为：http://fiddle.jshell.net/CGJmE/4/

我想要实现的效果就是：http://tommywebdesigner.com/Home%20Page.html 但使用div可以获得更大的灵活性。我的问题是我无法在图像固定的位置正确插入我的div id背景。

我觉得这个阶段非常简单，你会怎么做？

希望解释清楚

Answer 1

您需要使用background-position：fixed

我已经在这个jsfiddle中展示了你：http://fiddle.jshell.net/CGJmE/7/

祝你好运！

Answer 2

我不明白为什么你把overflow: scroll放在#background上，它什么也没做，真的与overflow:scroll上的#content相同。这是多余的一般来说，我不太明白你的问题是什么：http://fiddle.jshell.net/CGJmE/6/
我在你指明的地方添加了<div id="background"><img/></div> 这当然仍然缺乏标题和内容的样式。（我将background-color添加到.container，因此看起来并不太难看。
我猜你在其他地方有这个吗？

如果您需要更多帮助，请详细说明您的问题。

div位置固定在带有主要内容的div下的图像

2 个答案: