Css 背景图像回退：我应该使用CSV还是多个规则？

大多数现代浏览器，甚至IE9，都支持背景图像的逗号分隔值（CSV）。根据，绘制顺序为从右到左。定义的第一个图像将堆叠在顶部，任何后续图像将堆叠在底部（因此，如果第一个图像不透明，则隐藏）

当背景图像仍在加载或加载失败时，将渐变设置为备用。他建议使用CSV功能

.masthead {
  background-image: url('top.jpg'),
    linear-gradient(to right, #807363 0%, #251d16 50%, #3f302b 75%, #100b09 100%);
}

此方法是否比简单地定义两次

背景图像

属性更有效？与以下技术相比，该技术有哪些优点或缺点

.masthead {
  background-image: linear-gradient(to right, #807363 0%, #251d16 50%, #3f302b 75%, #100b09 100%);
  background-image: url('top.jpg');
}

---

前两个示例使用。出于各种原因，例如性能和浏览器支持，不应将其用作后台回退技术

最后一个示例应用于后台回退。从内存中，默认情况下将使用最后一个背景图像定义，如果无法解析该值，则将使用前一个定义，以此类推

另请参见自动生成所需回退的

.masthead {
  background-image: linear-gradient(to right, #807363 0%, #251d16 50%, #3f302b 75%, #100b09 100%);
  background-image: url('top.jpg');
}