Два фона на одном сайте?

Question

[Андрей Елсуков]

Нужно сделать фон начальный, примерно, как тут: https://ai-development.ru

После чего, нужно сделать другой фон под весь остальной контент ниже. Хочу именно картинку, но столкнулся с рядом проблем:

Картинка маленькая, не растягивается на всю ширину экрана. Теряет адаптивность, если делать через:

weight: px;
height; px;

. Как правильно это сделать? А так же нужно сделать так, чтобы на всех устройствах эта картинка занимала такое же положение, как в приведенном мной выше сайте.

Моя попытка:

.imeg {
    position: absolute;
    background: url(img/back.jpg) no-repeat;
    background-size: cover;
    top: -100px;
    left: -23.5%;
    width: 1666px;
    height: 757px;
    box-sizing: border-box;
}

Answer 1

[Принт Пульс]

Привет. Старайся избегать абсолютное позиционирование.

position: absolute;

.imeg  {
    position: relative;
    width: 100%;
    min-height: 100vh;
    background: url(https://ai-development.ru/wp-content/uploads/2019/04/cover.jpg) fixed no-repeat;
    background-size: cover;
    color: #fff;
}

Просмотр: https://jsfiddle.net/resulkuliyev/91ngam6y/

Comments

[Андрей Елсуков]

Спасибо!