background
英[?b?kgra?nd]? ?美[?b?k?ɡra?nd]??
n.(畫等的)背景;底色;背景資料;配樂
複數(shù): backgrounds
attachment
英[??t?t?m?nt]? ?美[??t?t?m?nt]??
n.(用電子郵件發(fā)送的),附屬電子郵件,附屬物;依戀,依附;扣押財(cái)產(chǎn)<法>逮捕,扣押(人,財(cái)產(chǎn))
複數(shù):attachments
#css background-attachment屬性 語法
background-attachment屬性怎麼用?
background-attachment屬性需要和background-image屬性一起使用,用來設(shè)定背景圖片是否固定或隨著頁面的其餘部分滾動(dòng)??稍O(shè)定:scroll(背景圖相對元素固定),fixed(背景圖相對於視窗固定)、ocal(背景圖相對於元素內(nèi)容固定)。
作用:background-attachment 屬性設(shè)定背景圖像是否固定或隨著頁面的其餘部分滾動(dòng)。
說明:
scroll ? ?預(yù)設(shè)值。背景圖像會(huì)隨著頁面其餘部分的滾動(dòng)而移動(dòng)。? ??
fixed ? ?當(dāng)頁面的其餘部分捲動(dòng)時(shí),背景影像不會(huì)移動(dòng)。??
loca? ? ?背景影像相對於元素的內(nèi)容固定。當(dāng)元素的內(nèi)容捲動(dòng)時(shí),背景圖像總是要跟著內(nèi)容一起移動(dòng)??
inherit ? ?規(guī)定應(yīng)該從父元素繼承 background-attachment 屬性的設(shè)定。? ??
註解:所有瀏覽器都支援 background-attachment 屬性。
css background-attachment屬性 範(fàn)例
<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>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> <p>圖像不會(huì)隨頁面的其余部分滾動(dòng)。</p> </body> </html>
#點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例