html背景图片的设置

背景图片的拉伸和平铺

在一个页面中我要把图片作为背景，但是会出现图片在背景中不是完整的图片的情况。在css进行了下面的配置之后就可以了。

body{
    background: url("../img/index.jpg");
    background-repeat:no-repeat;
    background-size: 100% 100% ;
    background-attachment: fixed;
}

如果要设置图片为平铺在背景页面，只需要在css中进行如下设置.(repeat-x代表横向平铺，如果要纵向平铺改为repeat-y，如果都要就设置为repeat)

body{
    background: url("../img/index.jpg");
    background-repeat:repeat-x;
}