Задать вопрос
antonvikhlyaev
@antonvikhlyaev
верстка

Как правильно сверстать бэкграунд?

5cbef90a8724d494575582.png

Как правильно сверстать подобные фоновые элементы? На ум приходит два варианта.

  1. Можно создать див с фоном и с абсолютным позиционированием и поставить этот блок куда нужно, но это засоряет html лишними элементами.
  2. Ставить фоном блока в css и позиционировать свойством background-position. Но в дизайне есть места, где этот листок наезжает на два блока и при таком позиционировании он не выйдет за границы блока.


Есть какие-нибудь другие варианты?
  • Вопрос задан
  • 151 просмотр
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
@GubinAlexey
Не знаю, кто тебе запудрил голову, что это засоряет html. Для лендинга нормально твой 1-ый вариант. Плюс тебе подсказали что листочки это обычно паралакс, то для его использования по сути такая разметка и должна быть.

Для большых проектов используют модульную систему и дробят на минимодули. Типо кнопка, шапка, футер и тп. И у каждого своя разметка. Код каждого модуля маленький и легко читаемый, поэтому ничего не засоряется.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
PHP-программист (SEO-правки)
Demis Group
от 50 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн карточек для Wildberries
23 апр. 2024, в 14:31
5000 руб./за проект
Создать дизайн лендинга портфолио на фигме
23 апр. 2024, в 14:09
500 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
23 апр. 2024, в 13:51
4500 руб./за проект
Ещё заказы