background: url('smiley.gif') contain;，后面contain是background-size的一个固定的值，设置图片铺满，但是用在复合属性background中就会失效

这样写 background-size 不生效。
background-size: 100% auto;
background: url("../../assets/bg.jpg") no-repeat top left #000;
必须这样写才行。
background: url("../../assets/bg.jpg") no-repeat top left #000;
background-size: 100% auto;

我们经常遇到这样的问题，需要将一张图片平铺做为一个div块的背景。
这个时候就需要用到background-size这个属性了。
div{
background: url(..) no-repeat 0;
background-size: cover;
}
可是background-size这个属性是不兼容ie9以下的浏览器的。为了达到
兼容的目的，改进代码如下：
div{
background: url(..) no-repeat 0;
background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='..', sizingMethod='scale');
}
这段代码可以兼容ie。