html全屏做圖片可以用一個(gè)div全屏，然后浮動到最上層滾動條滾動顯示主頁，可以用scroll滾動條滾動事件bodyscroll這個(gè)代碼表示監(jiān)聽body的scroll事件；這時(shí)可以拐個(gè)彎，設(shè)置兩層div，底層div當(dāng)做背景使用，放置一張圖片即可ltdiv id=quotbackgroundquot style=quotpositionabsolutezindex1width100%height100%top0pxleft0pxquotltimg src=quot1jpgquot width=quot100%；一打開Dreamweaver，然后選中html，出來了一個(gè)html標(biāo)準(zhǔn)文檔二在標(biāo)簽里添加文件路徑，語法如下這時(shí)，頁面雖然充滿了背景，但可以看出背景圖片被填充zhidao了多次三在里添加樣式，代碼如下style=quotbackgroundrepeatno。

1首先我們用Dreamweaver軟件做一個(gè)html文檔，當(dāng)然用其他編輯器也可以2然后給body設(shè)置一個(gè)背景圖片，這里小編給body加了一個(gè)高度，以便能看到圖片3然后先在瀏覽器中預(yù)覽一下效果會看到圖片兩遍有空白，沒有填充滿；Horizontal 為固定背景圖時(shí)圖在水平方向所居的位置，可以選擇居中，居左，居右或自己設(shè)定距左的距離Vertical 為固定背景圖時(shí)圖在豎直方向所居的位置，可以選擇居中，居頂部，居底部或自己設(shè)定距頂?shù)木嚯x注意帶 *；步驟一首先打開需要修改的HTML文件 步驟二然后始化樣式，將代碼添加在標(biāo)簽內(nèi) 步驟三添加一個(gè)div容器，然后命名為bgbox 步驟四背景全屏需要容器全屏，將bgbox的樣式補(bǔ)全 步驟五設(shè)置完畢，圖片；例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼body background urlsmallpng norepeatbackgroundsizecover 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)背景圖片被設(shè)置為平鋪在html頁面上。

1圖片不夠大，又background屬性不能拉伸圖片2只能用個(gè)div，把其zindex值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用3body的background屬性去掉，要不然會被遮住html網(wǎng)頁設(shè)計(jì)里面平鋪背景圖片的代碼如下；Background 背景色 Background Image 選取你的背景圖 Reapeat 背景圖是否重復(fù)，其中選norepeat為不重復(fù)，repeat為重復(fù)，repeatx和repeaty分別為只在X和Y方向重復(fù)Attachment 背景圖位置，fix為背景圖位置固定不；設(shè)置以重復(fù)的方式填滿頁面以及是否平鋪何種方式平鋪backgroundrepeat norepeat默認(rèn)repeat以重復(fù)顯示圖片的方式鋪滿頁面norepeat不平鋪僅一張圖片不重復(fù)，以拉伸的方式填滿頁面backgroundsize cover；將背景圖寫在body下試試，或者定義一個(gè)父級的div背景圖放在這個(gè)下面，后面的div都寫在這個(gè)父級的下面；backgroundurlxxjpg 這一句就是讓圖片鋪滿全屏的呀，如果你是加了 norepeat的話，就不會鋪滿全屏了，再一個(gè)，你也可以寫上一句backgroundsize100% 100%，就是讓圖片百分百顯示，不過這樣會對圖片有拉伸。

1首先打開hbuilder編輯器，新建一個(gè)html文件，里面設(shè)置一個(gè)div標(biāo)簽并設(shè)置div的固定寬度和高度2然后在div里面插入一張圖片，將圖片的寬度設(shè)置為何父級一樣的寬度，代碼就是width100%這里的100%會自動跟隨父級的寬度；你好在html中設(shè)置ltbody的背景圖片，將背景圖片的長度和寬度的值均設(shè)為100%就可以實(shí)現(xiàn)全屏顯示如有疑問，請追問。

html語言背景圖片拉伸代碼backgroundsizecover，可以使圖片拉伸鋪滿背景；具體支持情況看上面的圖，淺綠的代表支持，粉紅的不支持，你也可以到caniusecom自己查看支持性 lt！DOCTYPE html lthtml lthead ltmeta。