background-attachment

語法:

background-attachment<attachment> [ , <attachment> ]*

<attachment> = fixed | scroll | local

預設值scroll

適用於:所有元素

繼承性:無

動畫性:否

計算值:指定值

媒 體:視覺

取值:

fixed:
背景圖片相對於視口(viewport)固定。
scroll:
背景圖片相對於元素固定,也就是說當元素內容滾動時背景圖片不會跟著滾動,因為背景圖片總是要跟著元素本身。但會隨元素的祖先元素或窗體一起滾動。
local:
背景圖片相對於元素內容固定,也就是說當元素隨元素滾動時背景圖片也會跟著滾動,因為背景圖片總是要跟著內容。(CSS3)

說明:

定義滾動時背景圖片相對於誰固定。
  • 對應的腳本特性為:backgroundAttachment

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0-11.2 #1 4.4+ 28.0+
local關鍵字
Multiple background attachment
8.0
9.0+
  1. 僅當未定義-webkit-overflow-scrolling: touch時,支援local關鍵字;

示例: