@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 - Делает для-того что-бы каким бы не был экран (его размеры) он всегда будет на всю ширину.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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