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

//HTML?-?From?qifeiye.com

成都創(chuàng)新互聯(lián)是一家專業(yè)提供舟山企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、H5場景定制、小程序制作等業(yè)務(wù)。10年已為舟山眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。

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");

});

HTML 5 關(guān)于設(shè)置背景圖片的問題

是不是相對路徑的問題，現(xiàn)在截圖的HTML 是不是 那個 網(wǎng)頁半透明.html 是的話，直接寫 JPG 圖片的名字就可以了

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

html5加背景圖片可以通過：

1.首先可以去寫一個div，然后這個div當(dāng)然寬高是一定要有，然后在div中去設(shè)置要的背景圖片，是否重復(fù)等屬性，repaet這個來設(shè)置，no-repeat(是不重復(fù))、repeat-x（沿著x軸重復(fù)）、repeat-y（沿著Y軸重復(fù)）這里我提交一段代碼：

div id = 'test'/div

style

#test{

width：300px;

height:400px;

background:url('圖片的地址')no-repeat;

}

/style

這樣背景圖片就設(shè)置好了！

html5手機頁面背景圖片自適應(yīng)大小問題

1，輸入position：fixed；top：0；left：0；將整個div固定在屏幕的頂部和左側(cè)。

2、輸入width：100％；height：100％；min－width：1000px；這個可以適合div的高度和寬度，而min－width是為了實現(xiàn)讓屏幕寬度在1000px以內(nèi)時，div的大小保持不變。

3、輸入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使圖片隨屏幕大小同步縮放，但是有部分可能會被裁切，不過不至于會露白，下面兩句是為chrome和opera瀏覽器作兼容。

4、輸入background－position：center0；使圖片的位置，居中，靠左對齊。