Как сделать появление меню при наведение?

Question

[DmitryLife]

Добрый день.

Необходимо реализовать вот такое меню:


Реализую на JS, проверяю события наведения.
Проблема в том, что между меню и пунктом главного меню, пространство. И пока ведешь на всплывающее меню, курсор уходит с пункта меню и оно закрывается.

Подскажите, как лучше реализовать данное меню?

Comments

[Александр Васильев]

Добавьте прозрачный псевдоэлемент

Answer 1

[Lara B]

Можно добавить еще обертку, которая и будет показываться при наведении, а этой оберке задать верхний паддинг . Внутри этой обертки разместите этот блок с меню. То есть : есть невидимый див, который показывается по ховеру и внутри него меню от верха отодвинутоверхним паддингом

Answer 2

[Noder SS]

Можно указать это пространство как рамку(border)

Comments

[DmitryLife]

Спасибо, хорошая идея.