如何使div下方的链接可点击

Question

我在一个 div 下有一个链接，高度和宽度为 100%，固定位置和 z-index: 5。我需要将此 div 保持在我的链接上方，但链接不起作用。我可以使链接工作但将此 div 保留在我的链接上方吗？

https://jsfiddle.net/8hu90e9x/1/

div {
  background:grey;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  opacity:0.5;
  z-index:5
}

a {
  font-size:50px;
  z-index:0
}

<a href="http://google.com"> My link</a>

<div></div>

Answer 1

您可以pointer-events:none;为您的 div添加CSS 规则

div {
  background:grey;
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  opacity:0.5;
  z-index:5;
  pointer-events:none;
}

a {
  font-size:50px;
  z-index:0;
}

<a href="http://google.com"> My link</a>

<div></div>