Как правильно сделать промо фон в шапке сайта?

Имеется такой блок, ea3eccb988bc40e9b35128a13e5df23c.png
Почти на всех страницах сайта блок меню и фона повторяется, меняется только картинка фоновая и заголовок. Как бы его так правильно сделать чтоб можно было использовать на остальных страницах. Так же фон должен быть адаптивным, т.е для телефона, планшета и десктопа разный размер фона. Через css фон задать это явно не вариант.
  • Вопрос задан
  • 289 просмотров
Пригласить эксперта
Ответы на вопрос 2
aliencash
@aliencash
Партизан
Задавайте фон родительскому элементу. Значение фона у вашего блока оставьте пустым. Тогда при смене фоновой картинки блок останется без изменений.
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Как бы его так правильно сделать чтоб можно было использовать на остальных страницах.

Задаете фон родительскому блоку (возможно, это прямо body, по скрину не видно). Для разных изображений задаете разные классы.

Так же фон должен быть адаптивным, т.е для телефона, планшета и десктопа разный размер фона.

Реализация зависит от того, насколько сами картинки подготовлены к такой жизни. Через background-size или разные картинки через media запросы

Через css фон задать это явно не вариант.

Именно CSS как раз то, что нужно.
А Вы бы через что хотели?
Ответ написан
Ваш ответ на вопрос

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

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