时间戳

首页 > 解决方案 > css 指针事件：没有一个不能在 chrome 中工作

css - css 指针事件：没有一个不能在 chrome 中工作

问题描述

这是一个奇怪的问题。我有一个箭头，用户单击它可以转到下一页（这是一个照片库）。因此，我将箭头图像包裹在标签中，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 的东西，还是最好找到其他方法来做到这一点？

标签： cssgoogle-chromepointer-events

解决方案

隐藏类应该在锚标签上，而不是图像标签上，因为它是可点击元素。

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

推荐阅读