0

我需要在固定位置创建一个 div，我将把图像和其余内容放在一个 div 下

我已经放入我的 CSSheader { 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，id内容是我将拥有我的页面内容的div，它从顶部开始。

这里的页面： http: //fiddle.jshell.net/CGJmE/4/

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

我认为现阶段很简单，你会怎么做？

希望解释清楚

4

2 回答 2

0

您需要使用 background-position: fixed

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

祝你好运！

于 2012-09-12T16:22:59.300 回答
0

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

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

于 2012-09-12T16:28:30.083 回答