多个背景的应用
你可以应用多个背景到元素。这些图层彼此叠加，第一个提供的背景位于最上层，最后一个提供的背景位于最下层。只有最后一个背景可以包含背景颜色。
指定多个背景很简单：
除了background-color之外，你可以用简写background 属性和它的各个属性来做到这一点。也就是说，以下背景属性可以被指定为一个列表，每个背景一个： background, background-attachment, background-clip, background-image, background-origin, background-position, background-repeat, background-size.
示例
在这个例子中，三个背景叠加在一起：Firefox 标志，气泡图像和线性渐变：
HTML
CSS
结果
（如果在 CodePen 中图像没有出现，点击 CSS 模块的 TIdy 按钮）
正如你在这里看到的，Firefox 徽标（在background-image中首先列出）位于气泡图形正上方，接着是位于所有先前“images”下方的渐变（最后列出）。每个后续的子属性（background-repeat和background-position）适用于相应的背景。因此，background-repeat 的第一个列出的值适用于第一个（最前面的）背景，依此类推。