閱讀(59.8k) 書簽贊(8) 我要糾錯

CSS background-attachment 屬性

2022-06-02 14:30 更新

定義和用法

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

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

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

如何指定一個固定的背景圖像：

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

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

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

屬性
background-attachment	1.0	4.0	1.0	1.0	3.5

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