Как ховером открывать DIV?

Question

[Sharapov]

Как ховером открывать DIV (на рисунке это Pop-Up белый квадрат со скруглёнными углами), который позиционно привязан к ссылке, где ссылка — там и должен открывается поп-ап.

Answer 1

[Антон]

https://jsfiddle.net/3g7y03c9/

Comments

[Sharapov]

Спасибо!!! А возможен ли показ попапа под ссылкой? Z-index'ы не помогают :/

[Sharapov]

Антон Хлебников: как на иллюстрации

[Антон]

https://jsfiddle.net/3g7y03c9/3/

[Антон]

Sharapov: position: relative; необходимо, для того элемента который должен идти поверх другого

[Sharapov]

Спасибо!!!

Answer 2

[iBird Rose]

ставишь этот див рядом с ссылкой и пишешь че то типа:
a:hover +div {display:block;}

Answer 3

[Anton Почти]

Выше предоставлен верный способ решение задачи . Но я дополню -> ставите див рядом и пропишите ему в свойство display : none , далее -> "тут ваша ссылка" a:hover ."тут ваш див" {display:absolute}