Задержка при скрытии hover или как это решить?

Question

[HelpSophie]

Есть блок, при наведении показывается другой, красный, блок.
В красном блоке есть ссылка. Но на нее не нажать, потому что когда мышка там, то это уже не hover первого блока.

Как это решают?

codepen.io/anon/pen/RGmvWW

Answer 1

[iBird Rose]

обьект который появляется должен находится внутри той области на которой ты делаешь hover, чтобы при наведении на появленный обьект - ты не уходил из области hover
codepen.io/anon/pen/RGmvjG

Comments

[HelpSophie]

ага, я думала об этом :)
спасибо

а задержки появления/скрытия - это уже только JS, правильно?

[iBird Rose]

HelpSophie: чтобы красиво было - да. просто transition на display не работает. но можно выкручиваться с помощью width, height, visible и opacity, но это костыли.

[HelpSophie]

iBird Rose: все поняла, спасибо!