css指针 - 事件：没有在chrome中工作

Question

这很奇怪。我有一个箭头，用户点击该箭头转到下一页（它是一个照片库）。所以，我将箭头图像包含在标签中，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

隐藏类应位于锚标记上，而不是图像标记，因为它是可点击元素。

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