html背景拉伸代码,页面背景图片的拉伸实现代码

复制代码代码如下:

1.用js插入一张图片并控制图片宽高

复制代码代码如下:

$(function(){

$(".bd").append("

$("#mainbg").append("");

recover();

$(window).resize(function(e) {

recover();

});

});

function recover(){

var winw = $(window).width();

var winh = $(window).height();

$("#im").attr({width:winw, height:winh});

}

利用CSS按比例缩放背景图片

复制代码代码如下:

.bd{

background-image:url(a82a2e72e7af59296db0d63e3d2ecc5e!n1200.jpg);

background-repeat:no-repeat;

background-size:cover;

}