background
Posted fnncat
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了background相关的知识，希望对你有一定的参考价值。
总结前的碎碎念。
写了不少页面，背景这个属性虽然是普通不能再普通的了，但是用的好，简直是神助攻。
基本属性：
background:red url(../img/images.png) no-repeat fixed top;
颜色：red;
url: url(../img/images.png)
background-repeat:no-repeat;
background-attachment:fixed(scroll\inherit) 背景是否随着页面的其余部分可以滚动 IE8一下不支持inherit；
background-origin:padding-box(border-box content-box) 如果设置了fixed则该属性无效；
该属性指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置，你可以用这个属性在边框上绘制背景，但边框上的背景显不显示出来那就要由background-clip来决定了
background-clip:padding-box(border-box content-box)
该属性指定了背景在哪些区域可以显示，但与背景开始绘制的位置无关，背景的绘制的位置可以出现在不显示背景的区域，这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。
background-size :
\auto 保持背景的原始高度和宽度
\number
\percentage
\cover 图片放大 最小化铺满容器
\contain 图片缩小 最大化完全显示
以上是关于background的主要内容，如果未能解决你的问题，请参考以下文章