CSS指针事件：没有在Chrome中不起作用

Question

这很奇怪。我有一个箭头，用户单击该箭头即可转到下一页（这是照片库）。因此，我将箭头图像包裹在带有href的标签中，该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中运行。箭头被隐藏，但光标指针弹出，并且链接仍处于活动状态。

指针事件是否需要Webkit，还是最好找到其他方法来做到这一点？

Answer 1

hide类应该位于锚标记上，而不是图像标记上，因为它是可单击的元素。

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