我需要在固定位置创建一个 div,我会将图像和其余内容放在一个 div 下
我已经把我的 CSS header {
底部边距:310px;
}
在下面的固定位置的 div id="background"
中创建我的 img 空间。
然后我创建了以下 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 背景应该是我的图像将被放置在标题后的空白空间 l 中的 div,id 内容是我将拥有我的页面内容的 div,它从顶部开始。
这里是页面:http://fiddle.jshell.net/CGJmE/4/
我想要达到的效果就是这样:http://tommywebdesigner.com/Home%20Page.html 但使用 div 以获得更大的灵 active 。我的问题是我无法在图像固定的位置正确插入我的 div id 背景。
我认为现阶段这件事很简单,你会怎么做?
希望解释清楚
最佳答案
你需要用 background-position: fixed 来做到这一点
我已经在这个 jsfiddle 中向您展示了:http://fiddle.jshell.net/CGJmE/7/
祝你好运!
关于html - div 的位置与图像固定在 div 下,主要内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12392071/