写了这么多年CSS，我发现有个现象很有意思：有些我们每天都在用的属性，我们以为自己很熟，但其实可能只用了它10%的功能。background-image就是最典型的一个。

大部分时候，我们对它的使用场景，可能就是background-image: url(...)，贴个图，完事儿。简单直接，也没什么问题。

但最近在做性能优化，以及处理一些比较复杂的UI需求时，我重新发掘了一下。我发现，它结合一些现代CSS的特性，能玩出很多花样，而且对性能的帮助是实实在在的。

一个网站的体验，加载性能是地基。地基不稳，上面的交互再华丽也没用。而图片，往往是性能问题的大头。