Почему перестает работать hover после применения after?

Question

[Владимир Голубь]

67890fuhujnjbhbyhi.890m.com ссылка на пример.

Почему hover не работает на элементе на который накладывается треугольник ?
Треуголник сделал с помощью after, для элемента.

Answer 1

[Michael Peteichuk]

сделал скриншот, посмотри, take.ms/azdeE - у тебя after просто накрывает тот блок, по этому и не работает. заметь на скриншоте, снял флажок с top и все ок. удачи.

Answer 2

[sumanai]

Потому что блок с треугольником загораживает кнопки, очевидно же.

Comments

[Владимир Голубь]

А как сделать блок с треугольником с помощью css ? Чтобы не загораживал ? Или в этом случае только картинка ?

Answer 3

[Дмитрий]

div {}
div:after {}

div:hover {}
div:hover:after {}

Answer 4

[Павел Гоголинский]

Лучше сделайте класс active для текущего .menu>li и треугольник пририсовывайте ссылке внутри него.
Либо logo_img:after припишите border-bottom: none;