@Randominho

Как сверстать подобную шапку без костылей?

Есть шапка, в которой по центру на фоне иллюстрация, а по бокам она переходит в градиент, причём слева и справа разный. Центральную часть заштриховал, т.к. не могу показывать, но суть наверно понятна:

b3a25256e917471e82e4c6773fa43ad1.jpg

Ширина центральной иллюстрации около 1140 пикселей, т.е. на экране в 1024 пикселей части по краям должны обрезаться, ну а боковых градиентах не идёт и речи. А на больших разрешениях должны добавляться эти градиенты, планирую использовать полоски шириной в 1-2 пикселей. Цель всего этого — уменьшение общего веса и поддержка любых разрешений.

Пробовал через display: table-cell и max-width у центрального блока, не работает. А других мыслей нет. Был бы градиент с двух сторон одинаковый — было бы дело двух минут.. А тут прям ступор.
  • Вопрос задан
  • 177 просмотров
Пригласить эксперта
Ответы на вопрос 1
aliencash
@aliencash
Партизан
Ваш ответ на вопрос

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

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