css background-attachment屬性
翻譯結果:
background
英[ˈbækgraʊnd] 美[ˈbækˌɡraʊnd]
n.(畫等的)背景;底色;背景資料;配樂
複數: backgrounds
attachment
英[əˈtætʃmənt] 美[əˈtætʃmənt]
n.(用電子郵件發送的),附屬電子郵件,附屬物;依戀,依附;扣押財產<法>逮捕,扣押(人,財產)
複數:attachments
#css background-attachment屬性語法
background-attachment屬性怎麼用?
background-attachment屬性需要和background-image屬性一起使用,用來設定背景圖片是否固定或隨著頁面的其餘部分滾動。可設定:scroll(背景圖相對元素固定),fixed(背景圖相對於視窗固定)、ocal(背景圖相對於元素內容固定)。
作用:background-attachment 屬性設定背景圖像是否固定或隨著頁面的其餘部分滾動。
說明:
scroll 預設值。背景圖像會隨著頁面其餘部分的滾動而移動。
fixed 當頁面的其餘部分捲動時,背景影像不會移動。
loca 背景影像相對於元素的內容固定。當元素的內容捲動時,背景圖像總是要跟著內容一起移動
inherit 規定應該從父元素繼承 background-attachment 屬性的設定。
註解:所有瀏覽器都支援 background-attachment 屬性。
css background-attachment屬性範例
<html> <head> <style type="text/css"> body { background-image:url('http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg'); 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> <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>
#點擊 "執行實例" 按鈕查看線上實例