多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
~~~ body { background:url('list-orange.png') repeat-x scroll center center; } ~~~ 由于背景颜色background-color的默认值为transparent,**所以可以省略**,这个例子和上面的例子是等价的. ~~~ body { background:url('list-orange.png') repeat-x center; } ~~~ 由于背景图片随滚动轴的移动方式background-attachment的默认值为scroll,**所以可以省略背景图片的位置background-position中的属性值center center等价于center**,这个例子和上面的例子也是等价的. 火狐Firefox不支持直接使用`background-position-x,background-position-y`所以推荐定位时,使用: `background-position` 都支持! ![](https://box.kancloud.cn/2015-11-26_5656e2b296dee.png) **必须指出**background负责元素内容部分的背景,包括padding和border,但不包括margin。在Firefox,Safari 和 Opera, 以及 IE8中是这样处理的。不过在IE7和万恶的IE6中就没包括border,区别就像下面的图片示例显示的那样 。 ![](https://box.kancloud.cn/2016-03-10_56e0d62ed566e.png) *在IE7 和IE6中Background没有包括border* >参考:[CSS中的background的详细属性](http://blog.csdn.net/springk/article/details/8534637)