今天小编跟大家讲解下有关实现网页背景图片拉伸的两种方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关实现网页背景图片拉伸的两种方法 的相关资料，希望小伙伴们看了有所帮助。
解决方法有两种： 一种是CSS 使用background-size:cover实现图片的拉伸效果 但是IE8及以下版本不支持background-size 于是可以使用微软的滤镜效果 但是IE6不支持。 复制代码代码如下: body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aidi.net.cn//web/bg.jpg', sizingMethod='scale');} 另一种是使用jQuery 在body中动态插入一个div 然后在div里包含一张图片 浏览器窗口改变大小时 动态设置背景图片的尺寸。 复制代码 复制代码代码如下: $(function(){ $("body").append("<div id='main_bg' style="position:absolute;"/>"); $("#main_bg").append("<img src='https://www.aidi.net.cn//web/bg.jpg' id='bigpic'>"); cover(); $(window).resize(function(){ //浏览器窗口变化 cover(); }); }); function cover(){ var win_width = $(window).width(); var win_height = $(window).height(); $("#bigpic").attr({width:win_width,height:win_height}); }来源：爱蒂网
