问题描述

背景图片自适应大小不重复，充满容器

在网页设计的时候，我给div容器设置背景图片，怎么设置，能使背景图片不重复，自适应容器大小充满。
在容器中插入图片，能达到预期效果，但背景图的话，不知道怎么设置背景图属性。

解决方案

加上background-size:100% 100%;

解决方案二：

BODY {background-image: URL(photo/picture1.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;}

解决方案三：

整个容器里面一部分放背景图，其他地方放背景色即可。

解决方案四：

body
{
background-image: url(stars.gif);
background-repeat: no-repeat; //图片不重复
}

填充的话，建议把图片直接处理成想要的尺寸吧，不然可能会变形。