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>
執行實例 »

#點擊 "執行實例" 按鈕查看線上實例

#