CSS固定的背景圖像

我想添加一個背景圖片到我的網站，這是固定的，我已經做到了這一點，並沒有問題，但現在我似乎無法得到它的工作，下面是我的代碼。目前，當我在網站上上下滾動時，背景也會上下移動。CSS固定的背景圖像

body{ 
background-image: url('../img/christmas.jpg'); 
background-repeat: no-repeat; 
background-attachment: fixed; 
font-family: 'Open Sans'; 
height: 100%; 
}

來源

2014-12-05 sam003

請把你的代碼中的jsfiddle。 – Karmacoma 2014-12-05 00:53:29

刪除jquery.stellar.js – Leo 2014-12-05 02:12:27

通過刪除腳本創建在Chrome瀏覽器視差效果（看到Chrome中的網頁鏈接（之後會在Chrome只））...
開始。 jquery.stellar.js

jsFiddle demo

html, body{height:100%;} 
body{ 
    background: url('../img/christmas.jpg') fixed 50%/cover; 
    font-family: 'Open Sans'; 
}

來源

2014-12-05 00:55:23

此外，我認爲一些較舊的移動設備將無法正確加載Google的Open sans，因此請始終使用後備：''Open Sans'，Helvetica，Arial，sans-serif;' – 2014-12-05 00:59:05

謝謝我試過但它仍然滾動？ – sam003 2014-12-05 01:41:56

@ sam003，您可以從演示中清楚地看到它的工作原理。網站內容滾動，但身體的BG是就地。它是固定的。沒有滾動的背景。 – 2014-12-05 01:44:26

CSS固定的背景圖像

回答

相關問題