@denism300

Как спозиционировать картинку внутри div?

Есть такой блок:
<div class="banner-wrapper">
    <img src="/img/main-page-banner.jpg">
</div>

.banner-wrapper {
    display: block;
    position: relative;
    overflow: hidden;
}
.banner-wrapper>img {
    width: auto;
    height: 390px;
}

картинка имеет исходные размеры 1140х490
как спозиционировать ее так, чтобы при любой ширине экрана было что-то типа такого:
5e626609af315042722197.jpeg
  • Вопрос задан
  • 536 просмотров
Пригласить эксперта
Ответы на вопрос 2
@CortezEmilioCardinal
Можно заднюю картинку(то есть твой background) задать как
.banner-wrapper {
background-image: url(images/bg.jpg); /* Путь к фоновому изображению */

}

А ту картинку, что в блоке ,задать как img в HTML
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы