CSS background-attachment 是css軟體的一種屬性。屬性設定背景圖像是否固定或者隨著頁面的其餘部分滾動，所有瀏覽器都支持 。
基本介紹
- 外文名：CSS background-attachment
- 釋義：css軟體的一種屬性
- 瀏覽器支持：所有瀏覽器
- 可能的值：scroll、fixed、inherit
定義和用法,瀏覽器支持,可能的值,TIY 實例,
定義和用法
background-attachment 屬性設定背景圖像是否固定或者隨著頁面的其餘部分滾動。
| 默認值： | scroll |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.backgroundAttachment="fixed" |
如何設定固定的背景圖像：
body { background-image: url(bgimage.gif);background-attachment: fixed;}
瀏覽器支持
所有瀏覽器都支持 background-attachment 屬性。
注釋：任何版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
| 值 | 描述 |
|---|---|
scroll | 默認值。背景圖像會隨著頁面其餘部分的滾動而移動。 |
fixed | 當頁面的其餘部分滾動時，背景圖像不會移動。 |
inherit | 規定應該從父元素繼承 background-attachment 屬性的設定 |
TIY 實例
如何設定固定的背景圖像
本例演示如何設定固定的背景圖像。圖像不會隨著頁面的其他部分滾動。
<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>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
<p>圖像不會隨頁面的其餘部分滾動。</p>
</body>
</html>
