background

英 [?b?kgra?nd]? ?美 [?b?k?ɡra?nd]??

n.（畫等的）背景;底色;背景資料;配樂

復(fù)數(shù)： backgrounds

attachment

英 [??t?t?m?nt]? ?美 [??t?t?m?nt]??

n.（用電子郵件發(fā)送的）附件，附屬物;依戀，依附;扣押財產(chǎn)<法>逮捕，扣押（人，財產(chǎn)）

復(fù)數(shù)： attachments

CSS 背景附件屬性 語法

background-attachment屬性怎么用？

background-attachment屬性需要和background-image屬性一起使用，用來設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動。可設(shè)置：scroll（背景圖相對元素固定），fixed（背景圖相對于視口固定）、ocal（背景圖相對于元素內(nèi)容固定）。

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

說明：

scroll ? ?默認(rèn)值。背景圖像會隨著頁面其余部分的滾動而移動。? ??

fixed ? ?當(dāng)頁面的其余部分滾動時，背景圖像不會移動。??

loca? ? ?背景圖像相對于元素的內(nèi)容固定。當(dāng)元素的內(nèi)容滾動時，背景圖像總是要跟著內(nèi)容一起移動??

inherit ? ?規(guī)定應(yīng)該從父元素繼承 background-attachment 屬性的設(shè)置。? ??

注釋：所有瀏覽器都支持 background-attachment 屬性。

CSS 背景附件屬性 示例

<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>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例