Изменение стиля изображения путем зависания над :: после элемента

Question

У меня есть первичное изображение со вторым изображением стрелки сверху, где стрелка вставлена ​​с помощью псевдо-послеэлемента.

Теперь я хотел бы изменить непрозрачность основного изображения при наведении курсора на него. Это отлично работает, пока кто-то не наведет стрелку на верх, - тогда это не так. Как разместить стиль наведения на вторичном изображении стрелки, который изменяет непрозрачность основного изображения?

Спасибо!

Answer 1

Попробуйте применить этот CSS к вашему псевдо после- элемент:

pointer-events:none 

Answer 2

Вы можете добавить обертку, и сделать парить для него, как это:

<div class='wrap'> 
    <div class='img'></div> 
</div> 

И добавить стиль, как это:

.wrap:hover + .img { 
}