Задать вопрос
@exitialis

Как быть с картинками на заднем фоне в адаптивной верстке?

В общем пишу сайт на bootstrap, есть картиночка cce7d8cc4b2a408eaffcfa9d4e08cb0e.png. Она мне нарисована дизайнером как фон для верхнего меню. И возникает вопрос, как ее туда встроить, чтобы сохранилась адаптивность? Если ей просто прописать background-size: 100%; то она просто уменьшается как и по высоте, так и по ширине, и надписи с нее съезжают соответственно. background-size: cover; и остальные тоже не подходят. Знает кто-нибудь, как с ней быть? Заранее спасибо за ответы!

UPD:
Вот скрин сайта, пока что криво, но работаю над этим:
fde2cdc28d464907a93ce844f330fa1c.png
  • Вопрос задан
  • 3139 просмотров
Подписаться 2 Оценить 1 комментарий
Решение пользователя Александр К ответам на вопрос (2)
Palehin
@Palehin
Frontend
Как вариант:
Скругления и бордер у блока с background'ом из вашей картинки задать через css, а при уменьшении размера окна - обрезать фон по X (overflow-x: hidden), он все равно более менее однородный.
Ответ написан