Html 如果父元素使用全屏伪元素，如何启用链接？

我的页面如下所示：

<div.ui-page>
  <div.ui-content>
    <a href="foo.html">
  </div>
</div>

---

此解决方案不是100%跨浏览器，但您可以添加以下代码以使鼠标单击元素：

.ui-page:before {
  pointer-events:auto;
}

阅读Lea Verou的优秀指南了解更多信息

编辑：

如果失败，请尝试添加：

.ui-page { pointer-events: none; }
.ui-page:before { pointer-events: none; }

---

我在自己的应用程序中对此进行了测试。希望能有帮助。

只需放置一个

位置：相对

z-index只对定位的元素起作用，因此当您定位div时，它将计算z-index，您的链接将可单击

这里有一个小问题：
你知道如何给元素“位置”而不特别声明
pos:relative
？给元素提供位置的唯一方法是pos:relative、absolute或fixed。很抱歉另一个答案现在很完美。好主意。让我试试。酷。现在工作。我只使用第二行，因为我需要在我的页面元素上使用
指针事件
，但不需要在
：before
上，因为它只包含背景。谢谢。比设置位置好得多，