CSS3对背景做了一些修改，最明显的是设置了多个背景，不仅增加了四个新属性，还对当前属性进行了调整和增强。

1.多个背景图片

在css3中，您可以在一个标签元素中应用多个背景图片。代码类似CSS 2.0版，但是引用图片要用逗号隔开。张图片是位于元素顶部的背景，下面依次显示以下背景图片，如下所示：

background-image : URL(top-image . jpg)，url(middle-image.jpg)，URL(bottom-image . jpg)；

2.新属性：背景剪辑

这个讨论把我们带回到文章开头提到的背景被边境线遮挡的问题。加上背景剪辑，我们可以完全控制背景显示的位置。属性值如下：

(1)背景-clip:边框；背景开始出现在边框下

(2)背景-clip:填充；背景开始显示在填充下，而不是边框下

(3)背景-clip:内容；背景开始显示在内容区域下，而不是在边框或填充下。

(4)背景-clip:无夹；默认属性值，类似背景-clip:边框；

3.新属性：背景原点

此属性需要与背景位置结合使用。您可以使用背景位置来计算边框、填充或内容框内容区域的位置。(类似于背景剪辑)

(1)背景-起源：边界；

从边境边境位置

(2)背景-原点：填充；

从填充位置

(3)背景来源：内容；

从内容盒内容区域的位置开始计数；

网站www .CSS3.info很好的分析和解释了背景剪辑和背景原点的区别。

4.新属性：背景大小

背景大小属性用于重置背景图片。有几个属性值：

(1)背景尺寸：容器；

缩小背景图片以适合标签元素(主要是像素比率)

(2)背景尺寸：封面；

将背景图片放大到整个标签元素大小(主要是像素比)

(3)背景尺寸size: 100px 100px

指示背景图片比例的大小

(4)背景尺寸：50% ；

百分比是根据内容标签元素的大小来缩放图片的大小

可以去CSS 3规范网站看一下简单的案例描述。

5.新属性：背景中断

在css3中，标签元素可以被划分为不同的区域(例如，内嵌元素跨越多行)，而background-break属性可以控制背景在不同区域的显示。

属性值：

(1)背景突变：连续；

此属性是默认值，忽略区域之间的间隙(将图片应用于它们就像将它们视为一个区域)

(2)背景突破：包围盒；

重新考虑区域之间的间隔

(3)背景墙：每箱；

重新划分每个独立标签区域的背景。

6.背景颜色的调整

在css3版本中，背景色属性有所增强。除了指定背景颜色的背景颜色之外，还可以对未使用的标签元素的背景图像进行脱色。

背景色：绿色/蓝色；在这个例子中，背景颜色可能是绿色，但是，如果底部背景图片无效，将显示蓝色而不是绿色。如果不指定颜色，则认为它是透明的。

7.背景重复调整

在css2中设置背景时，经常被标签元素截取，显示不完整。css3引入了两个新属性来解决这个问题。

空间：图片以相同的间距平铺，并填充整个标签元素

圆形：图片会自动缩放，直到适合并填满整个标签元素

CSS 3规范网站上使用background-repeat:空间就是现成的例子。

8.背景附件的调整

后台附件有一个新的属性值：local，只有标签元素滚动时才有效(比如设置overflow:scroll)，当背景附件设置为滚动时，背景图片不会随内容滚动条一起滚动。现在，有了本地的背景附件：背景可以和元素内容一起滚动。