Размер фона CSS на нескольких фоновых изображениях

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

От 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;