@Artem0071
Безработный mr. Junior

Как Вы настраиваете фоновые изображения?

Вот есть следующее изображение:
5aad31b39ab32619874424.jpeg

Как его сделать фоновым и центровать относительно ширины экрана?

Очевидно что когда широкий экран, то изображение на всю ширину, а вот когда экран становится все меньше и меньше, то как сделать так, чтобы этот самый кекс не вылазил за пределы экрана?

И желательно это конечно сделать на чистом css, но что то мне подсказывает что тут нужен будет js

=================================================================

ПС. Тут конечно это не особо заметно, но я имел ввиду изображения пошире и где некий объект находится далеко от центра
  • Вопрос задан
  • 76 просмотров
Решения вопроса 1
@MrRadar
Изучаю Front-end :)
Ну во-первых)
Всё зависит куда ты хочешь вставить фоновое изображение, то есть это может быть, например, какой-то блок или header. Сейчас расскажу на примере header

<body>
    <header>
        <!--Всё что находится внутри-->
    </header
</body


header {
    background: url(/*Путь к фото*/) no-repeat center top / cover;
}


А теперь розберем что к чему :)
no-repeat - По название видно что создано для того что-бы фото не повторялось
center top - Это размещения по X и Y (где center - X, а top - Y) думаю что такое center, а что такое top писать не надо.
cover - Делает для-того что-бы каким бы не был экран (его размеры) он всегда будет на всю ширину.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы