Member 13010669 Ответов: 1

Использование свойства background image size contain или cover как установить соответствие фонового изображения (полная ширина) веб-странице, но с определенной высотой


Эй, ребята, у меня есть один вопрос, используя свойство background image size contain или cover, как установить фоновое изображение fit (full width) на веб-страницу, но с определенной высотой. я пытаюсь сделать этот макет. это дано в поле для комментариев, пожалуйста, возьмите ссылку на это. Итак, кто - нибудь знает, как это сделать, а также я хочу добавить два изображения на фоновое изображение, как то, что есть на изображении: - "два изображения ktm на одном синем фоновом изображении Lamborghini"? пожалуйста, приведите мне пример, что я новичок в этом деле. кроме того, я предоставил свою кодовую ссылку на то, что я пробовал.

Что я уже пробовал:

мой код
Edit fiddle - JSFiddle[^]

то, что я пробовал использовать свойство background size, но изображение не отображает полный размер, и если я использую свойство contain, то изображение полно, но не полностью подходит по ширине. Ссылка на изображение ссылка на изображение ibb.co/b1G0Fa то, что я на самом деле пытаюсь сделать, похоже на этот макет

1 Ответов

Рейтинг:
2

Member 12656556

Используйте ширину: 100%; и высоту: 100%; для изображения.

А в отзывчивом изображении высота будет меняться в зависимости от его ширины