Question

我有一个页眉和页脚的网页。背景图像落后于它们两者，在标题后面切割大约1/4的图像顶部，并在页脚后面再切换1/4。这是我的背景图片的CSS。

background-image: url('http://codegamer.net/images/majestic/patterns/lol2.jpg');
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;

我只想让图片从标题下面开始，然后在页脚之前结束，这样我才能看到完整的图像。

Answer 1

1-从body div中删除这些属性。

2-创建一个包含<div id="container">的新div，如下所示：

HTML

 <div id="container-background">
   <div id="container">...</div>
 </div>

3-将以下属性分配给新div：

CSS

#container-background {
  background-image: url('http://codegamer.net/images/majestic/patterns/lol2.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

停止背景图像从页眉/页脚后面

1 个答案: