@Mecitan
Начинающий web-разработчик

Избитый вопрос о том, как сделать выпадающие меню как на сайте по ссылке в описании?

Здравствуйте! Дан сайт, на котором надо реализовать выпадающие меню, согласно этому сайту. (прим.раздел "Каталог товаров" ). https://yug-svc.kz/. Пытаюсь сделать следующим образом:
5f7e0783a01d6281024762.jpeg
5f7e078de2f07248650272.jpeg

Получается при позиционировании top: 45px; образуется "дырка" в следствии чего пропадает действие :hover-a и выпадающее меню, соответственно, пропадает. Как можно этого избежать? Понимаю, вопрос избит. Но уже пару часов тыкаюсь с этим и не могу понять, как решить данную проблему.
  • Вопрос задан
  • 162 просмотра
Решения вопроса 1
YavaDev
@YavaDev
Это должно помочь
.catalog-dropdown:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 45px;
}

Это если catalog-dropdown открывается вниз.
Суть в том, что с помощью before (или after) надо просто закрыть дыру. А так как before, в данном случае, является частью catalog-dropdown, то ховер не исчезнет.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
24 окт. 2020, в 20:52
27000 руб./за проект
24 окт. 2020, в 20:39
2000 руб./за проект
24 окт. 2020, в 20:39
2000 руб./за проект