Я хочу разместить изображение в качестве фона для элемента div. Размер изображения составляет 5568x3712, но background-size: contains не помещает все изображение в качестве фона. Смотрите скриншот ниже:
Изображение не закрывает правую часть элемента div. Ниже приведен мой CSS-код:
.heroSection{ фоновое изображение: url('../../public/hero-section.jpg'); фоновый повтор: без повтора; размер фона: содержать; цвет фона: rgb(148, 145, 145); режим наложения фона: умножить; гибкий рост: 1; } Я не знаю, почему он не охватывает весь div. Я исследовал и попробовал background-size: contains и background-repeat:no-repeat, но есть ли лучшая альтернатива, которая поможет мне получить желаемый результат? ИЗМЕНИТЬ Согласно ответу, после множества экспериментов и исследований невозможно правильно разместить большое изображение в маленьком div в качестве фона. Вам нужно сделать его подходящего размера, чтобы правильно его покрыть. Спасибо @somethinghere и @koala Yeung
