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

Question

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

Answer 1

可以潜在地使用：

background-attachment: fixed; 

与你使用的任何其他CSS样式内容音乐会。

参考文献：

• background-attachment。

Answer 2

这应该做的伎俩：

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 3

我的朋友，这是非常容易的，至少检查互联网。

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

CSS

#background-image {position: fixed;} 

无需jQuery的