html5怎么設(shè)置整頁(yè)背景圖片

html5中設(shè)置整頁(yè)背景圖片的方法是利用css3樣式：

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比陽(yáng)明網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式陽(yáng)明網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋陽(yáng)明地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。

寫(xiě)法如下：

img.bg {

/* Set rules to fill background */

min-height: 100%;

min-width: 1024px;

/* Set up proportionate scaling */

width: 100%;

height: auto;

/* Set up positioning */

position: fixed;

top: 0;

left: 0;

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

img.bg {

left: 50%;

margin-left: -512px; ? /* 50% */

}

}

效果如：

html5如何把一個(gè)圖片設(shè)為頁(yè)面的全屏背景？

//HTML?-?From?qifeiye.com

img?src="images/bg.jpg"?id="bg"?alt=""

//CSS

#bg?{

position:?fixed;?

top:?0;?

left:?0;?

/*?Preserve?aspet?ratio?*/

min-width:?100%;

min-height:?100%;

}

或者

img.bg?{

/*?Set?rules?to?fill?background?*/

min-height:?100%;

min-width:?1024px;

/*?Set?up?proportionate?scaling?*/

width:?100%;

height:?auto;

/*?Set?up?positioning?*/

position:?fixed;

top:?0;

left:?0;

}

@media?screen?and?(max-width:?1024px)?{?/*?Specific?to?this?particular?image?*/

img.bg?{

left:?50%;

margin-left:?-512px;???/*?50%?*/

}

}

或者

//HTML?-?From?qifeiye.com

img?src="images/bg.jpg"?id="bg"?alt=""

/CSS

#bg?{?position:?fixed;?top:?0;?left:?0;?}

.bgwidth?{?width:?100%;?}

.bgheight?{?height:?100%;?}

//jQuery

$(window).load(function()?{????

var?theWindow????????=?$(window),

$bg??????????????=?$("#bg"),

aspectRatio??????=?$bg.width()?/?$bg.height();

function?resizeBg()?{

if?(?(theWindow.width()?/?theWindow.height())??aspectRatio?)?{

$bg

.removeClass()

.addClass('bgheight');

}?else?{

$bg

.removeClass()

.addClass('bgwidth');

}

}

theWindow.resize(resizeBg).trigger("resize");

});

關(guān)于html5，用div+css做頁(yè)面怎么能鋪滿全屏

把圖片的最左邊或者豎著切一兩個(gè)像素 在瀏覽器里面橫鋪 在把圖片放在中間居中 那樣看上去就是平鋪效果 這種方法只限于有規(guī)律的圖片