1最簡(jiǎn)單方法使用css30新增的一個(gè)屬性backgroundsize，代碼如圖IE8以下不支持2打開瀏覽器查看效果如下3使用css代碼如圖支持IE9+，IE 78 平鋪效果支持，但是在小于1024px的屏幕下居中效果失效4然后打開瀏覽器效果如圖所示5之后使用jQuery模擬的方法css代碼如圖6然后jquer。

這時(shí)可以拐個(gè)彎，設(shè)置兩層div，底層div當(dāng)做背景使用，放置一張圖片即可ltdiv id=quotbackgroundquot style=quotpositionabsolutezindex1width100%height100%top0pxleft0pxquotltimg src=quot1jpgquot width=quot100%quot height=quot100%quotltdiv 網(wǎng)頁(yè)背景圖片默認(rèn)情況下是重復(fù)平鋪滿整個(gè)頁(yè)面上面。

Attachment 背景圖位置，fix為背景圖位置固定不變，scroll為背景圖隨頁(yè)面一同滾動(dòng) Horizontal 為固定背景圖時(shí)圖在水平方向所居的位置，可以選擇居中，居左，居右或自己設(shè)定距左的距離Vertical 為固定背景圖時(shí)圖在豎直方向所居的位置，可以選擇居中，居頂部，居底部或自己設(shè)定距頂?shù)木嚯x注意帶。

使用純CSS即可實(shí)現(xiàn)你要的效果，圖片會(huì)根據(jù)窗口大小自動(dòng)調(diào)整為全屏大小，代碼如下lt！DOCTYPE htmllthtmlltheadltmeta charset=quotutf8quotltstylehtml，body height100%body margin0 padding0a img borderbgimg positionabsolute top0 left0 width100% height。

在電腦和手機(jī)上全屏顯示HTML5網(wǎng)頁(yè)的步驟如下1打開HTML5網(wǎng)頁(yè)代碼2在網(wǎng)頁(yè)頭部添加新代碼，使網(wǎng)頁(yè)寬度適應(yīng)設(shè)備寬度代碼如下3輸入代碼后，將包括圖片DIV在內(nèi)的圖片寬度設(shè)置為100%如何弄可以讓手機(jī)打開網(wǎng)頁(yè)的時(shí)候可以全屏顯示你要知道電腦屏幕的分辨率，或手機(jī)屏幕的分辨率才可以設(shè)置成全屏顯示如。

backgroundurlxxjpg 這一句就是讓圖片鋪滿全屏的呀，如果你是加了 norepeat的話，就不會(huì)鋪滿全屏了，再一個(gè)，你也可以寫上一句backgroundsize100% 100%，就是讓圖片百分百顯示，不過這樣會(huì)對(duì)圖片有拉伸，而且不兼容ie低版本的瀏覽器。

將背景圖寫在body下試試，或者定義一個(gè)父級(jí)的div背景圖放在這個(gè)下面，后面的div都寫在這個(gè)父級(jí)的下面。

1出現(xiàn)白邊是因?yàn)闉g覽器的內(nèi)或者外邊距默認(rèn)值不為0你需要在head標(biāo)簽里加上ltstyle type=quottextcssquot margin 0padding 0 ltstyle 用以重置瀏覽器的內(nèi)外邊距默認(rèn)值，將默認(rèn)值改為02至于圖片模糊，應(yīng)該是你加載的圖片分辨率不夠，或者你加載圖片的元素和圖片寬高比差距較大。

你需要利用背景background這個(gè)屬性，不要利用src來插入一張圖，然后在background這個(gè)屬性插入后用repeat，也就是平鋪的意思就行了。

加入如下 CSSbody backgroundimage urlquot背景圖片如果跟CSS不在同一路徑下，記得改相對(duì)或絕對(duì)路徑j(luò)pgquot backgroundsize cover backgroundrepeat norepeat backgroundattachment fixed。

圖片模糊很正常，因?yàn)槟憷炝藞D片而且還有可能改變了縱橫比產(chǎn)生變形而且，你這種方法也不是背景圖，而是插入圖片白邊是因?yàn)閎ody默認(rèn)的內(nèi)外補(bǔ)丁的關(guān)系，可以加一個(gè)樣式解決 ltstyle html， body margin0 padding0 ltstyle。

首先~還是給body設(shè)置背景~然后再body里面加一個(gè)層~~把這個(gè)層定義成你想要的“body”的大小 ~其實(shí)頁(yè)面你能看到的地方都是在body里的 lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml。

norepeat這個(gè)換成repeat看你圖片大小，如果圖片很小，想鋪滿全屏就是多個(gè)小圖拼起來的背景。

集顯控制面板里有個(gè)縮放全屏，還不懂可以找我。

html背景圖片全屏顯示代碼 50 當(dāng)用dw設(shè)計(jì)頁(yè)面屬性的時(shí)候添加背景圖片，如何讓一張圖片全屏顯示而不是要重復(fù)那種有的請(qǐng)貼代碼，謝謝！貌似都不行 當(dāng)用dw設(shè)計(jì)頁(yè)面屬性的時(shí)候添加背景圖片，如何讓一張圖片全屏顯示而不是要重復(fù)那種有的請(qǐng)貼代碼，謝謝！貌似都不行 展開 #xE768 我來答 4個(gè)。