Как отловить наведение на весь div?

Question

[vetsmen]

Есть такая структура кнопки:

<div class="button">
	<div class="hover"></div>
	<span>Через VK</span>
</div>

У hover такие же размеры, как и у button, так же у него position: absolute; и opacity: 0;
Отлавливаю на hover событие :hover и ставлю ему opacity: 1; однако при наведении на span событие hover не срабатывает (срабатывает только за границами span). Как сделать так, чтобы оно обрабатывалось и на span?

Answer 1

[iBird Rose]

ну тк отлавливай ховер на .button

Comments

[vetsmen]

Ну если я буду отлавливать hover на button, тогда не смогу изменить opacity у .hover через css, придется прибегать к js.

[Stalker_RED]

vetsmen, можно же написать

.button:hover .hover { /* плохое название класса, кстати */
   ...
}

Answer 2

[Stalker_RED]

https://jsfiddle.net/L5mmcudp/