當前位置：軟件學堂 > 資訊首頁 > 網絡編程 > DIV+CSS > html背景圖片滾動屬性bgproperties

html背景圖片滾動屬性bgproperties

2012/11/15 12:17:40作者：佚名來源：網絡

移動端

【實例介紹】

html背景圖片滾動屬性bgproperties

在默認情況下，如果頁面的內容較長，當拖動瀏覽器滾動條的時候，背景會隨著文字內容的滾動而滾動，所謂背景圖像固定，是指不論瀏覽器的滾動條如何拖動，背景都永遠固定在相同的位置，并不會隨著文字滾動而滾動。

【基本語法】

<body background="圖像的地址" bgproperties=fixed>

【語法介紹】

Intemet Explorer和Netscape Navigator6都支持<body>標簽的bgproperties屬性擴展。但它只有與background屬性擴展一起使用時才有效。bgproperties屬性只有一個值fixed。它把背景圖像凍結在瀏覽窗口，這樣就不會隨著其他窗口的內容而滾動了。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主體元素的背景圖片滾動屬性</title>
</head>
<body background="images/company_ditu.jpg"bgproperties=fixed>
<p>&nbsp;</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>

【代碼分析】

在代碼中，加粗部分的代碼標記是設置背景的屬性為固定，文字是為了使頁面的長度增加，出現滾動條，在瀏覽器中預覽效果，當拖動了瀏覽器的滾動條之后，背景圖像并不會跟著一起滾動，而是固定在了原有的位置上，這樣，背景固定的效果就實現了。

沒有拖動滾動條之前的頁面效果
主體元素的背景圖片滾動屬性bgproperties運行效果

背景固定的效果
主體元素的背景圖片滾動屬性bgproperties運行效果

【素材及源碼下載】

請點擊：html背景圖片滾動屬性bgproperties 下載本實例相關素材及源碼

標簽：背景

上一篇：IE瀏覽器中的上邊界屬性topmargin
下一篇：html創建樣式元素style

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频