css body背景图片拉伸，兼容IE6、7、8及火狐

2024-12-11 15:40:29

推荐回答（5个）

回答1：

你可以做个假的背景图

我的意思是：

你可以在body上加个图片把图片宽100% 高

然后把他弄成position:absolute;z-index:-10;

再在上面加任意标签均可。

实例代码：

回答2：

不知道理解的对不对
看看吧比如：
body{
background:url(../img.jpg);
background-size:100% 100%; //这里面有两个值一个是宽，一个是高

}

回答3：

IE6的话建议你用jquery在代码加载完之后根据取得的窗口值重置下css即可以。

回答4：

办法是可以解决的，如果浏览器的分辨率大的话背景图片拉伸图片会很难看，除非你的图片足够大，最简单的办法就是让图片在顶部和居中
background:url(images/a2.jpg) no-repeat top center;

回答5：

body{
width:100%;
height:100%;
background:url(images/a2.jpg) no-repeat;
background-size:100% 100%;
}
这是css3的代码，支持浏览器：IE(9)、firefox、Chrome、Opera、Safari。
ie/6/7/8不支持css3，即使加了PIE.htc文件也没用