html背景圖片滾動(dòng)屬性bgproperties

2012/11/15 12:17:40作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

在默認(rèn)情況下，如果頁面的內(nèi)容較長(zhǎng)，當(dāng)拖動(dòng)瀏覽器滾動(dòng)條的時(shí)候，背景會(huì)隨著文字內(nèi)容的滾動(dòng)而滾動(dòng)，所謂背景圖像固定，是指不論瀏覽器的滾動(dòng)條如何拖動(dòng)，背景都永遠(yuǎn)固定在相同的位置，并不會(huì)隨著文字滾動(dòng)而滾動(dòng)。

【基本語法】

【語法介紹】

Intemet Explorer和Netscape Navigator6都支持<body>標(biāo)簽的bgproperties屬性擴(kuò)展。但它只有與background屬性擴(kuò)展一起使用時(shí)才有效。bgproperties屬性只有一個(gè)值fixed。它把背景圖像凍結(jié)在瀏覽窗口，這樣就不會(huì)隨著其他窗口的內(nèi)容而滾動(dòng)了。

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主體元素的背景圖片滾動(dòng)屬性</title>
</head>
<body background="images/company_ditu.jpg"bgproperties=fixed>
<p>&nbsp;</p>
<p> 　　　　　　　　　　　　　　每個(gè)夢(mèng)想都值得灌溉</p>
<p> 　　　　　　　　　　　　　　眼淚變成雨水就能落下來</p>
<p> 　　　　　　　　　　　　　　每個(gè)孩子都應(yīng)該被寵愛  </p>
<p>　　　　　　　　　　　　　　他們是我們的未來  </p>
<p>　　　　　　　　　　　　　　這是最好的未來</p>
<p> 　　　　　　　　　　　　　　我們用愛鑄造完美現(xiàn)在  </p>
<p>　　　　　　　　　　　　　　千萬溪流匯聚成大海  </p>
<p>　　　　　　　　　　　　　　每朵浪花一樣澎湃  </p>
<p>　　　　　　　　　　　　　　這是最好的未來</p>
<p> 　　　　　　　　　　　　　 不分你我彼此相親相愛</p>
<p> 　　　　　　　　　　　　　  千山萬水證明這關(guān)懷  </p>
<p>　　　　　　　　　　　　　　幸福永遠(yuǎn)與愛同在 </p>
</body>
</html>

【代碼分析】

在代碼中，加粗部分的代碼標(biāo)記是設(shè)置背景的屬性為固定，文字是為了使頁面的長(zhǎng)度增加，出現(xiàn)滾動(dòng)條，在瀏覽器中預(yù)覽效果，當(dāng)拖動(dòng)了瀏覽器的滾動(dòng)條之后，背景圖像并不會(huì)跟著一起滾動(dòng)，而是固定在了原有的位置上，這樣，背景固定的效果就實(shí)現(xiàn)了。

沒有拖動(dòng)滾動(dòng)條之前的頁面效果
主體元素的背景圖片滾動(dòng)屬性bgproperties運(yùn)行效果