如何把HTML文件的背景圖片設(shè)成全屏?

步驟一、首先打開需要修改的HTML文件。

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的雙鴨山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

步驟二、然后始化樣式，將代碼添加在style/style標(biāo)簽內(nèi)。

步驟三、添加一個(gè)div容器，然后命名為bg-box

步驟四、背景全屏需要容器全屏，將bg-box的樣式補(bǔ)全。

步驟五、設(shè)置完畢，圖片背景以及全屏了。

求兼容所有瀏覽器的jquery全屏圖片（鼠標(biāo)滑輪滾動(dòng)）上下切換的源代碼

網(wǎng)頁設(shè)計(jì)中對許多電腦的屏幕大小有所考慮，所以大多時(shí)候，網(wǎng)頁都是已1000個(gè)像素為標(biāo)準(zhǔn)。因此，如果你用ctrl+鼠標(biāo)中鍵，這樣會(huì)使字變大，讓圖片失真，這不是人TX要的效果！%D%A

如何使用Jquery實(shí)現(xiàn)雙擊進(jìn)入網(wǎng)頁全屏/退出全屏

!DOCTYPE?html

html?lang="en"

head

meta?charset="UTF-8"

/head

body

button?id="in"雙擊進(jìn)入全屏/button

button?id="out"雙擊退出全屏/button

script?src=""

/script

script?type="text/javascript"

$(function?()?{

$("body").on("dblclick",?"#in",?function?()?{

requestFullScreen();

});

$("body").on("dblclick",?"#out",?function?()?{

exitFullscreen();

});

//進(jìn)入全屏

function?requestFullScreen()?{

var?de?=?document.documentElement;

if?(de.requestFullscreen)?{

de.requestFullscreen();

}?else?if?(de.mozRequestFullScreen)?{

de.mozRequestFullScreen();

}?else?if?(de.webkitRequestFullScreen)?{

de.webkitRequestFullScreen();

}

}

//退出全屏

function?exitFullscreen()?{

var?de?=?document;

if?(de.exitFullscreen)?{

de.exitFullscreen();

}?else?if?(de.mozCancelFullScreen)?{

de.mozCancelFullScreen();

}?else?if?(de.webkitCancelFullScreen)?{

de.webkitCancelFullScreen();

}

}

});

/script

/body

/html

效果圖