Cheizer
@Cheizer

Как сделать необычное выпадающее мегаменю?

Приветствую, пожалуйста, помогите решить нестандартную задачку.
ЧТО ИМЕЕМ: Есть обычное верхнее, горизонтальное меню с подменю, оно лежит в рабочей области сайта равной 1000px по ширине, но засада в том, что нужно чтобы при клике на любой пункт меню, выпадали сразу все подменю, но, разная высота блоков подменю делает некрасивым общий вид подменю. Сами блоки подменю в position absolute сейчас. Это важно. fixed верхнего не годиться.

ВОПРОС: как средствами CSS (без js) сделать заливку-подложку фон, под эти все блоки подменю? Учитывая их высоту, которая неизвестна, высота по контенту. И ширина подложки не должна ограничиваться рабочей областью сайта, в котором лежит все меню. Не мог понять как это сделать :( пробовал псевдоэлементами, но они ограничиваются шириной рабочей области меню. В общем не хватает ума это провернуть.

Решено
  • Вопрос задан
  • 55 просмотров
Решения вопроса 1
Cheizer
@Cheizer Автор вопроса
Решение, на первый список
.top-list:after {
    content: '';
    z-index: -1;
    width: 100vw;
    height: 100%;
    left: calc(50% - 50vw);
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
.top-list__sublist {
  height: 100%;
}


...и поработать с отступами, чтобы было красиво.
Ответ написан
Ваш ответ на вопрос

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

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