Question

我对绝对div的背景图片有问题：

.div1 { 
  height:100%;
  positon:relative; 
  top:0; 
}
.div2 {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0; 
}
.image_in_div2 { 
  background: url('img/img1.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

HTML

<div class='div1'>
    <div class='div2'>
         <div class='image_in_div2'></div>
    </div>
</div>

我遇到的问题：当我在浏览器处于滚动状态时重新加载页面时，一切正常。但是当我向下滚动页面并重新加载时，image_in_div2的定位不会从页面顶部开始，而是从可见视图的顶部开始。

我做错了什么？

Answer 1

首先，您有几种类型错误。 .div1 > positon:relative;应为position，您可以从-moz-background-size: cover删除.image_in_div2。

而且，如果我做对了，添加background-attachment:fixed可能会解决您的问题。

CSS亲戚和绝对孩子

1 个答案: