添加時間:2012/10/29 8:41:29 編輯:奇億網站建設公司
在網頁設計中有時會用到網頁背景不動,只需要讓內容隨滾動條拉動即可的情況,下面為你介紹一種簡單實現這種功能的方法:(將以下代碼拷貝制作成一獨立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://www.829e.cn/skins/71wl/images/logo.jpg) fixed} </style> </head>
<body> <p>這個屬性是設置背景相關屬性的一種快捷的綜合寫法, 包括background-color, background-image, background-repeat, backgroundattachment, background-position。</p> <p>這個HTML所用的背景屬性表示,網頁的背景顏色是翠綠色,背景圖片是background.jpg圖片,背景圖片不重復顯示,背景圖片不隨內容滾動而動,背景圖片距離網頁最左面40px,距離網頁最上面100px。</p>
<div style="height:800px;"></div>
</body> </html>
怎樣,簡單即可實現網頁背景靜止不動了吧。