~~~
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)
- 序
- 开发自己的博客
- 面试集合
- 基础
- 1、JavaScript
- js技巧
- 2、CSS
- position之absolute
- em与rem
- inline-block
- background
- 圆角、透明度、渐变
- 关于css中的0和none
- css display:none小结
- z-index小结
- 理解滚动条
- 有关@font-face的问题
- 3、HTML
- URI中依赖协议的URL
- 4、MySQL
- limit使用
- 5、jQuery
- 6、移动Web开发
- 设计稿与分辨率
- 字体
- 图片的自适应
- 7、前端布局bug问题(!<=IE8)
- SEO与页面结构
- seo
- vsphere 虚拟服务器
- 代码里的彩蛋(神注释)
- 玩转HTML5移动页面
- 知识梳理
- JS 键盘码
- 其他资源记录
- temp
- TODO
- 简单有趣的库😎
- xx