CSS background-attachment 屬性 · W3School CSS 參考手冊

# CSS background-attachment 屬性 ## 實例如何設置固定的背景圖像： ``` body { background-image: url(bgimage.gif); background-attachment: fixed; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有瀏覽器都支持 background-attachment 屬性。注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 background-attachment 屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動。 | 默認值： | scroll | | --- | --- | | 繼承性： | no | | --- | --- | | 版本： | CSS1 | | --- | --- | | JavaScript 語法： | _object_.style.backgroundAttachment="fixed" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | scroll | 默認值。背景圖像會隨著頁面其余部分的滾動而移動。 | | fixed | 當頁面的其余部分滾動時，背景圖像不會移動。 | | inherit | 規定應該從父元素繼承 background-attachment 屬性的設置。 | ## TIY 實例 [如何設置固定的背景圖像](/tiy/t.asp?f=csse_background-attachment) 本例演示如何設置固定的背景圖像。圖像不會隨著頁面的其他部分滾動。 ``` <html> <head> <style type="text/css"> body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; background-attachment:fixed } </style> </head> <body> 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 圖像不會隨頁面的其余部分滾動。 </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 背景](/css/css_background.asp "CSS 背景") HTML DOM 參考手冊：[backgroundAttachment 屬性](/jsref/prop_style_backgroundattachment.asp "HTML DOM backgroundAttachment 屬性")