添加時間:2012/10/29 8:41:29 編輯:奇億網(wǎng)站建設(shè)公司
在網(wǎng)頁設(shè)計中有時會用到網(wǎng)頁背景不動,只需要讓內(nèi)容隨滾動條拉動即可的情況,下面為你介紹一種簡單實現(xiàn)這種功能的方法:(將以下代碼拷貝制作成一獨(dú)立HTML頁,然后打開即可看到效果)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>背景屬性 background</title> <style type="text/css"> body {background:#99FF00 url(http://m.dalianshunda.com.cn/skins/71wl/images/logo.jpg) fixed} </style> </head>
<body> <p>這個屬性是設(shè)置背景相關(guān)屬性的一種快捷的綜合寫法, 包括background-color, background-image, background-repeat, backgroundattachment, background-position。</p> <p>這個HTML所用的背景屬性表示,網(wǎng)頁的背景顏色是翠綠色,背景圖片是background.jpg圖片,背景圖片不重復(fù)顯示,背景圖片不隨內(nèi)容滾動而動,背景圖片距離網(wǎng)頁最左面40px,距離網(wǎng)頁最上面100px。</p>
<div style="height:800px;"></div>
</body> </html>
怎樣,簡單即可實現(xiàn)網(wǎng)頁背景靜止不動了吧。