閱讀(59.7k) 書簽贊(8) 我要糾錯(cuò)

CSS background-attachment 屬性

2022-06-02 14:30 更新

定義和用法

background-attachment設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。

默認(rèn)值:	scroll
繼承:	no
版本:	CSS1
JavaScript 語法:	object object.style.backgroundAttachment="fixed"

值	說明
scroll	背景圖片隨頁面的其余部分滾動(dòng)。這是默認(rèn)
fixed	背景圖像是固定的
inherit	指定background-attachment的設(shè)置應(yīng)該從父元素繼承
local	背景圖片隨滾動(dòng)元素滾動(dòng)

如何指定一個(gè)固定的背景圖像：

body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}

表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。

緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號(hào)。

屬性
background-attachment	1.0	4.0	1.0	1.0	3.5

注意： Internet Explorer 8和更早版本的瀏覽器不支持多個(gè)背景圖像在一個(gè)元素.