css pointer-events: никто не работает в chrome - PullRequest
0 голосов
/ 29 января 2019

Это странно.У меня есть стрелка, которую пользователь нажимает, чтобы перейти на следующую страницу (это фотогалерея).Итак, у меня есть изображение стрелки, обернутое в тег, где href указывает на следующую страницу.Это жестко запрограммировано.

 <a href="thepagetogoto08.html"><img src="images/next.gif" alt="Right arrow" class="hide"></a>

На последней странице, когда мне не нужна стрелка и я не хочу, чтобы пользователь нажимал, чтобы получить несуществующую страницу, я добавляю класс «скрыть».

В моей таблице стилей у меня есть:

.hide {
  visibility: hidden;
  pointer-events: none;
  cursor: default;
}

Странная вещь в том, что он действительно работает в Safari (для настольных ПК, еще не тестировался на IOS), но не в Chrome, Firefox или Opera.Стрелка скрыта, но указатель пальца курсора выскакивает, и ссылка все еще активна.

Являются ли события указателя чем-то, что требует веб-набора, или лучше просто найти какой-то другой способ сделать это?

1 Ответ

0 голосов
/ 29 января 2019

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

<a href="thepagetogoto08.html" class="hide"><img src="images/next.gif" alt="Right arrow"></a>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...