У меня есть карта SVG с рекой в качестве отдельного пути. Районы на этой карте кликабельны, а над этими районами изображена река.
Я хочу, чтобы при наведении курсора речная дорожка имела непрозрачность 0,1, и нажимаю через реку в район.
До сих пор я пробовал следующее
#River:hover {
cursor:pointer;
fill: #194e9c;
opacity: 0.1;
transition: 0.3s;
}
#River {
pointer-events: none;}
Но событие hover не работает, когда свойство указателя-события установлено в none в CSS. Вы можете посетить мой проект через здесь .
Как уже упоминалось в комментариях, вот фрагмент JSFiddle . Я хочу, чтобы река была прозрачной, а также проходной, когда я нахожусь над руслом реки в округе. Я надеюсь, вы понимаете, что я пытаюсь передать.