实现网页背景绘制的两种方法

利用背景尺寸：封面实现图片的绘制效果，并利用jQuery动态设置背景图片的大小，实现这两种方法。

有两种解决方案：

一个是CSS，它使用后台大小：封面来达到画图的效果。然而，IE8及以下版本不支持背景的大小，所以你可以使用微软的过滤效果，但是IE6不支持。

复制代码代码如下所示：
体{ background: url（BG .webp）中心；背景尺寸：封面；身高：900px；宽度：100%；
过滤器：ProgID：DXImageTransform.Microsoft.AlphaImageLoader（SRC = 'bg .webp，sizingmethod =规模'）；}

另一种方法是使用jQuery动态地在主体中插入一个div，然后在div中包含一个图片，并通过更改浏览器窗口动态地更改背景图像的大小。
复制代码

复制代码代码如下所示：
$（函数（）{（））
$（）；
$（# main_bg）。追加（）；
掩护（）；
$（窗口）。调整大小（函数（））浏览器窗口更改
掩护（）；
}）；
}）；
函数覆盖（）{
无功win_width = $（窗口）Width（）；
无功win_height = $（窗口）Height（）；
$（# bigpic）。Attr（{宽度：win_width，身高：win_height }）；
}