html - div 的位置与图像固定在 div 下,主要内容

标签 html css position z-index css-position

我需要在固定位置创建一个 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/

相关文章:

html - 链接的线性渐变

html - (HTML/CSS ) 在移动设备外部引导 DIV

html - 带有剪辑路径的 div 内的元素不适用于绝对位置

水平 ScrollView 的Android设置位置

jquery - 如何相对于点击定位 400 x 400px 弹出 div,保持在屏幕 View 中

jQuery bxSlider 未从正确的位置开始

html - 从 Bootstrap 中的表顶部删除行

php - jQuery ajax 在 webroot 之外使用 POST 到 PHP 脚本

javascript - 不要在下拉列表中显示默认选择的选项

HTML:如何在元素的类属性中使用 href