要在HTML頁(yè)面中實(shí)現(xiàn)全屏顯示背景圖片，您需要將圖片設(shè)置為BODY元素的背景為了確保背景圖片能完整覆蓋整個(gè)屏幕，圖片寬度至少應(yīng)達(dá)到1920像素當(dāng)然，除了圖片寬度，還要考慮圖片的高度和分辨率這樣，當(dāng)頁(yè)面加載時(shí)，背景圖片會(huì)自動(dòng)鋪滿整個(gè)頁(yè)面，不論用戶的屏幕尺寸如何實(shí)現(xiàn)這一效果，您需要在CSS樣式表中設(shè)置。

下面這段代碼給div設(shè)置了一個(gè)寬度和高度，然后添加了一張背景圖片，并使用了backgroundsizecover這個(gè)屬性，就會(huì)自動(dòng)放大或縮小背景圖片來適應(yīng)，但是需要指出的是這個(gè)屬性在需要在IE9及以上版本支持，谷歌和火狐都支持，具體支持情況看上面的圖，淺綠的代表支持，粉紅的不支持，你也可以到caniusecom自己。

html里，讓背景圖片根據(jù)屏幕大小鋪滿屏幕不重復(fù)，具體方法如下1首先我們用Dreamweaver軟件做一個(gè)html文檔，當(dāng)然用其他編輯器也可以2然后給body設(shè)置一個(gè)背景圖片，這里小編給body加了一個(gè)高度，以便能看到圖片3然后先在瀏覽器中預(yù)覽一下效果會(huì)看到圖片兩遍有空白，沒有填充滿整個(gè)屏幕4將。