大家知道css如何设置全屏背景图片吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验，在此拿出来与大家分享下，请大家互相指正。

图片没有重叠，居中，并且...她太小了，无法占领全部的页面。

很可惜，CSS2中并没有图片全屏拉伸的属性，所以我自己想了个办法。

利用一个DIV层，在里面装载一个IMG标签。然后设置DIV和IMG的大小为100%，并固定到屏幕最底层，这样就实现了完美的拉伸并最大化图片的目的。

首先在Body中加入下面的代码：

代码如下：

然后加入CSS代码：

div#div1{

position:fixed;

top:0;

left:0;

bottom:0;

right:0;

z-index:-1;

}

div#div1 > img {

height:100%;

width:100%;

border:0;

}

相信大家已经学会css如何设置全屏背景图片了吧!感谢大家对我们网站的支持!

相关推荐：

CSS文字大小单位简介