百度首页背景图片设置-图片撑满整个body效果

1.百度的方法

<div></div>

div{

    background-color: #214e6d;

    background-image: url("../images/bg.jpg");

    background-position: 0;

    background-repeat: no-repeat;

    background-attachment: fixed;/*背景图片固定不动，不跟内容滚动而滚动*/

    background-size: contain;/*全覆盖背景区域*/

    -moz-background-size:contain;/*旧版本firefox*/

}

缺点：background-size不兼容IE8-

2.添加img方法

<div><img src="../images/bg.jpg" /></div>

img{

    width : 100%;

    height : 100%;

    position : absolute;

    left : 0;

    top : 0;

}

缺点：图片能撑满整个区域，但是不保持图片比例