當你移動頁面時移動背景圖片

當你上下滾動頁面時，有沒有辦法讓背景圖片移動，只要我上下滾動背景圖片保持靜止，但我希望它隨着頁面，這可能嗎？當你移動頁面時移動背景圖片

來源

2013-07-15 William L.

默認情況下，背景圖片*應該*隨頁面滾動。你爲什麼不展示一個最小的代碼示例來演示你的問題？ – paddy

我不明白兩件事：1.圖像保持不變？ 2.移動頁面？ –

background-attachment？

Mozilla的文檔：https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment

來源

2013-07-15 00:17:31 Stobor

附着只需設置爲fixed。

background-attachment:fixed;

如果你有一個大的圖像，你可以使用background-size。例如：

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; 
}-

background-size做的事情告訴你。使用cover作爲屬性，縮放背景圖像以填充整個背景，從而在使用大於屏幕的圖像時擺脫滾動條。

來源

2013-07-15 00:24:27 cubrr

當你移動頁面時移動背景圖片

回答

相關問題