Question

之前可能已经问过，但是我正在做一个html项目，我需要有一个固定的背景，其他一切都滚动。我所遇到的所有解决方案都涉及Jquery的javascript，我不想使用它，但如果它是我可能必须的唯一方法。（请记住，我对javascript或Jquery的编码经验很少）这里显示了具有像我想要的滚动内容的固定背景的一个示例。 http://www.teamunify.com/Home.jsp?team=ohossc -Thanks！

Answer 1

这应该可以解决问题：

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

从这里采取：

http://css-tricks.com/perfect-full-page-background-image/

将网址替换为图片的相对路径或绝对路径。

Answer 2

您可以使用：

background-attachment: fixed;

与您用来设置内容样式的其他CSS一致。

参考文献：

background-attachment。

Answer 3

我的朋友，这太简单了，至少检查互联网。

<div id="background-image">
   <div class="your_content">
   </div>
</div>

CSS

#background-image {position: fixed;}

不需要Jquery

HTML + CSS如何使用滚动内容制作固定背景

3 个答案: