1、讓頁(yè)面以不同的分辨率全屏顯示完整的代碼如下！DOCTYPEhtmlPUBLICW3CDTDXHTML10TransitionalDTDxhtml1transitionaldtd 內(nèi)容類(lèi)型charset=utf8 填充10px headmarginbottom10px高度50px背景色# main leftwidth200px浮動(dòng)左。

2、你可以參考我下面的代碼，不過(guò)需要說(shuō)明，backgroundsize是一個(gè)css3屬性通常的處理方法是在body內(nèi)放一個(gè)img標(biāo)簽，將這個(gè)img調(diào)整到合適的位置，并通過(guò)position和zindex當(dāng)做背景圖使用body backgroundimageurlimagesbackgroundpng backgroundsize100% 100% backgroundrepeatnorepeat sunken24。

3、一打開(kāi)Dreamweaver，然后選中html，出來(lái)了一個(gè)html標(biāo)準(zhǔn)文檔二在標(biāo)簽里添加文件路徑，語(yǔ)法如下這時(shí)，頁(yè)面雖然充滿(mǎn)了背景，但可以看出背景圖片被填充zhidao了多次三在里添加樣式，代碼如下style=quotbackgroundrepeatnorepeatbackgroundsize100%100%？backgroundattachmentfixedquot？你看，背景。

4、你好，使圖片全屏顯示可以有兩種方式，各有區(qū)別第一種使用這種寫(xiě)法圖片會(huì)自動(dòng)根據(jù)屏幕寬度自適應(yīng)第二種使用css的backgroundurl11jpgcentercenternorepeat這種寫(xiě)法，圖片如果瀏覽器寬度小于圖片本身寬度則會(huì)顯示部分圖片，超出的部分并不會(huì)顯示。

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

6、這時(shí)可以拐個(gè)彎，設(shè)置兩層div，底層div當(dāng)做背景使用，放置一張圖片即可 網(wǎng)頁(yè)背景圖片默認(rèn)情況下是重復(fù)平鋪滿(mǎn)整個(gè)頁(yè)面上面1方法是要求圖片不重復(fù)，但又得占滿(mǎn)瀏覽器所采用的方法。

7、網(wǎng)頁(yè)背景圖片用css實(shí)現(xiàn)全屏顯示，首先需要的做的就是明確那個(gè)圖片要加在那個(gè)元素上，將body上，就能實(shí)現(xiàn)全屏，因?yàn)閎ody是包括瀏覽器的可見(jiàn)部分，提交一段代碼 body backgroundurl#39圖片地址#39repeat 0px 0px 這樣就能實(shí)現(xiàn)滿(mǎn)屏，不過(guò)圖片尺寸不夠的話(huà)，會(huì)出現(xiàn)重復(fù)的。

8、根據(jù)百度經(jīng)驗(yàn)資料顯示html讓一張背景圖片鋪滿(mǎn)的步驟如下1添加樣式 打開(kāi)代碼編輯器，為body標(biāo)簽添加一個(gè)樣式2添加背景圖片為bg樣式添加一個(gè)背景圖片3添加背景全屏樣式 在樣式里添加backgroundsize 100% 100%的樣式即可。

9、100% height100%bodywidth100% height100% background url1jpg norepeat backgroundsizecover *這里設(shè)置了背景圖片為覆蓋，以填滿(mǎn)整個(gè)容器*。

10、將背景圖片放在body里，定義body背景圖片代碼如下 body background url1jpg norepeatbackgroundsize 100% auto*這里是關(guān)鍵* 上面的100%即全屏顯示背景圖auto是背景圖片高度自適應(yīng)，保證了背景圖等比例縮放不變型注意背景圖片最好設(shè)的大一些，保證不同屏幕分辨率都能顯示清晰。

11、在body里面設(shè)背景，body backgroundurl圖片地址 0 0 repeat 但是圖片會(huì)向X，Y兩邊拉伸，如果圖片尺寸較小會(huì)很補(bǔ)美觀(guān)推薦方案1背景圖片的尺寸做的盡量大一點(diǎn) 2背景圖片的外面可以做成漸變到某個(gè)色系，然后body設(shè)置背景色 body background#000 url圖片地址 0 0 repeat。

12、8然后，插入js代碼用script標(biāo)簽引用js文件，src表示js文件的路徑，9控制圖片顯示的代碼，都已放在相應(yīng)的css樣式和js代碼中了，這里就不再贅述了10最后，用script標(biāo)簽引用一個(gè)函數(shù)，實(shí)現(xiàn)將圖片設(shè)置為全屏的背景11在網(wǎng)頁(yè)文件上右擊，選擇在瀏覽器中查看選項(xiàng)12看到圖片在網(wǎng)頁(yè)中，作為背景。

13、Background 背景色 Background Image 選取你的背景圖 Reapeat 背景圖是否重復(fù)，其中選norepeat為不重復(fù)，repeat為重復(fù)，repeatx和repeaty分別為只在X和Y方向重復(fù)Attachment 背景圖位置，fix為背景圖位置固定不變，scroll為背景圖隨頁(yè)面一同滾動(dòng) Horizontal 為固定背景圖時(shí)圖在水平方向所。

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

15、jsp讓圖片實(shí)現(xiàn)全屏的方式如下代碼所示lttemplatelttemplateexport default name quotHelloWorldquot，data return hello background urlquotstaticimagicsyjpgquot norepeatheight 100%width 100%backgroundsize cover全屏展示 background urlquot。

16、lt！doctype html無(wú)標(biāo)題文檔htmlwidth100% height100%bodywidth100% height100% background url1jpg norepeat backgroundsizecover *這里設(shè)置了背景圖片為覆蓋，以填滿(mǎn)整個(gè)容器*。