当使用 background-image 表示图片时，通过设置 background-color 的好处

当使用 background-image 表示图片时，通过设置 background-color 也可以带来一些好处：

1. 提供默认背景色：如果由于某种原因无法加载背景图片或者加载失败，通过设置 background-color 可以提供一个默认的背景色，以确保页面的视觉一致性。
2. 提高可访问性：使用 background-color 可以提高页面的可访问性。对于某些用户，例如视觉障碍用户或者使用屏幕阅读器的用户，可能无法看到背景图片，但可以通过屏幕阅读器等工具获取到元素的背景色信息，从而了解页面的内容。
3. 优化加载性能：在网络较差或者加载速度较慢的情况下，背景图片可能需要较长时间才能完全加载显示。而通过设置 background-color 可以让页面在加载过程中展示一个占位背景色，使用户感知到页面正在加载，并且可以提供更好的用户体验。

总的来说，通过设置 background-color 可以增加页面的可访问性，提供默认样式，以及在图片加载过程中提供更好的用户体验。当背景图片无法加载或者加载延迟时，背景色可以填充空白，保持页面的完整性。