background-attachment · CSS基礎

## background-attachment屬性 background-attachment設置背景圖像是否固定或者隨著頁面的其余部分滾動。 JavaScript 語法:object object.style.backgroundAttachment="fixed" ***** 屬性值 | 值 | 說明 | | :-- | :-- | | scroll | 背景圖片隨頁面的其余部分滾動。這是默認 | | fixed | 背景圖像是固定的 | | inherit | 指定background-attachment的設置應該從父元素繼承 | | local | 背景圖片隨滾動元素滾動 | **實例--如何指定一個固定的背景圖像：** ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>W3Cschool教程(w3cschool.cn)</title> <style> body { background-image:url('/statics/images/w3c/logo.png'); background-repeat:no-repeat; } </style> </head> <body> The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. The background-image is fixed. Try to scroll down the page. </body> </html> ```