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的