Question

我需要将其中一张图像保存到background-size:100%;，但将另两张图像保持为自动。我不确定你是怎么做到的。

background: url(/assets/images/site/bg-hero-l.svg) left top no-repeat,
            url(/assets/images/site/bg-hero-r.svg) right top no-repeat,
            url(/assets/images/site/hero-banner.jpg) top no-repeat fixed;

Answer 1

From MDN：

<bg-size>值仅可在<position>之后立即包含，并用/字符分隔，例如：center/80%。

因此，您需要执行以下操作，具体取决于哪些背景需要100％的大小：

background: url(/assets/images/site/bg-hero-l.svg) left top no-repeat,
            url(/assets/images/site/bg-hero-r.svg) right top no-repeat,
            url(/assets/images/site/hero-banner.jpg) top/100% no-repeat fixed;

多个背景图片上的CSS背景大小

1 个答案: