修复主div和浮动菜单后面的循环图像背景？

Question

我很好奇如何在滚动页面的同时将循环图像背景保留在主要内容后面。这是项目本身的链接。您可以随意使用项目中的任何代码，包括固定的标题菜单。我现在已经在这个模板上工作了一段时间。

http://www.famebyname.us/neep.html

提前致谢。

Answer 1

您可以使用 background-attachment: fixed 。

来完成此操作

查看this fiddle或以下代码段以获取可视化示例。

<强>段：

＆＃13;

＆＃13;

body {
  background-image: url(https://support.files.wordpress.com/2009/07/pigeony.jpg?w=688);
  background-repeat: no-repeat;
  background-attachment: fixed;
}

div {
  width: 100%;
  height: 250px;
  display: block;
  opacity: 0.6;
}

#a1 {
  background-color: black;
}

#a2 {
  background-color: green;
}

#a3 {
  background-color: red;
}

#a4 {
  background-color: blue;
}

#a5 {
  background-color: yellow;
}

#a6 {
  background-color: violet;
}

#a7 {
  background-color: purple;
}

＆＃13;

<div id = "a1"></div>
<div id = "a2"></div>
<div id = "a3"></div>
<div id = "a4"></div>
<div id = "a5"></div>
<div id = "a6"></div>
<div id = "a7"></div>

＆＃13;

＆＃13;

＆＃13;