2因?yàn)閎ackground屬性不能拉伸圖片，只能用個(gè)div，把其zindex值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用ltimg，其中zindex1為了讓該div在最下層，也就是背景示例lthtmlltheadltmeta。

1在body設(shè)置 ltbody background=quot背景圖jpgquot，但是圖片是平鋪2因?yàn)閎ackground屬性不能拉伸圖片，只能用個(gè)div，把其zindex值設(shè)為負(fù)，并使這個(gè)div大小為整個(gè)body大小，在div里用ltimg，其中zindex1為了讓該div在最下層，也就是背景示例lthtml lthead ltmeta。

創(chuàng)建包含圖片的HTML結(jié)構(gòu)，使用CSS調(diào)整圖片位置大小和堆疊順序，實(shí)現(xiàn)全屏顯示設(shè)置CSS樣式，調(diào)整圖片的positiontopbottomleftright屬性至100%，確保其占據(jù)整個(gè)屏幕空間，同時(shí)使用zindex屬性將圖片置于其他元素之上通過(guò)JavaScript監(jiān)聽(tīng)用戶點(diǎn)擊事件，當(dāng)用戶點(diǎn)擊圖片時(shí)，將圖片的position屬性更改為static。

幫助的人886萬(wàn) 我也去答題訪問(wèn)個(gè)人頁(yè) 關(guān)注 展開(kāi)全部 html實(shí)現(xiàn)元素全屏的時(shí)候，會(huì)在該元素上加上如下css，該css無(wú)法被覆蓋和修改 我們可以通過(guò)對(duì)元素通過(guò)調(diào)用requestFullscreen來(lái)開(kāi)啟全屏 通過(guò)調(diào)用documentexitFullscreen來(lái)退出全屏 已贊過(guò) 已踩過(guò)lt 你對(duì)這個(gè)回答的評(píng)價(jià)是？ 評(píng)論 收起 為你推薦特別。

使用純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。

這時(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è)面上面。

imgbgstyle backgroundimage urllogogif ltstyle 在要用時(shí)選取那段文字，再在CSS面板上點(diǎn)一下“imgbgstyle”就行了 9如何使頁(yè)面的背景在文字“滾動(dòng)”時(shí)背景圖案靜止不動(dòng)？ 要使背景圖案不隨文字“滾動(dòng)”的CSS是這樣的 ltstyle type=quottextcssquot lt！ BODY background purple。

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

你這樣肯定不行，關(guān)鍵是圖片的比例不一定和你的屏幕比例相同，除非你的很小的圖案在重復(fù)就和比例沒(méi)關(guān)系了。

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)該是你加載的圖片分辨率不夠，或者你加載圖片的元素和圖片寬高比差距較大。

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

如何將css背景圖片設(shè)置為全屏一端有帶圈可握的短馬鞭 如果你有一張想要作為背景的華麗圖片，可以這樣設(shè)置代碼如下正文 backgroundurlimgjpg后臺(tái)URLimgjpg背景位置中心背景重復(fù)不重復(fù) 但結(jié)果可能是這樣的圖片沒(méi)有重疊居中和她太小了，占不下所有的版面可惜CSS2。

不同的瀏覽器初始值不一樣，所以每個(gè)標(biāo)簽最好都初始化 *margin0border0 初始化后在設(shè)置他們的樣式，一般情況下在不同瀏覽器上顯示的就差不多餓了。

ltstyle type=quottextcssquot bodyFILTER progidenabled=true，src=#39ajpg#39，sizingMethod=#39scale#39margin0px ltstyle 這是全屏的背景代碼~這個(gè)不管圖片多大尺寸都是滿屏，也就是拉伸圖片，會(huì)變形，你可以設(shè)置簡(jiǎn)單的背景，如斜紋一類的。

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