Html Can'；t单击DIV下的链接

我有我的标志，它的DIV覆盖了100%的屏幕。这意味着我不能点击我的链接，因为它与我尝试的z-index重叠，但不确定我还能做什么

这里有一个例子来说明我的意思：

HTML

---

z索引不适用于具有静态位置的元素 加

---

链接，应该没问题。

z-index不适用于静态定位的元素 加

---

您需要提供代码，默认情况下，div元素的宽度为100%不会导致链接重叠

仅仅向元素添加z-index属性并不能使其工作，元素还必须定位，您可以尝试

position:relative

但是在这种情况下，您不应该有重叠的元素，您的代码将帮助我们改进。
您需要提供代码，默认情况下，div元素的宽度只有
100%不会导致链接重叠

仅仅向元素添加z-index属性并不能使其工作，元素还必须定位，您可以尝试
position:relative

但是，在这种情况下，您不应该有重叠的元素，您的代码将帮助我们改进。
您可以使用指针事件：none让您的div点击通过

比如：

HTML

<button class="bad">click me</button>
<div class="bad"></div>

<button class="good">click me</button>
<div class="good"></div>

还有一点JQuery

$('button').on('click', function() {
  alert('clicked');
});

您可以使用指针事件：none来点击div

比如：

HTML

<button class="bad">click me</button>
<div class="bad"></div>

<button class="good">click me</button>
<div class="good"></div>

还有一点JQuery

$('button').on('click', function() {
  alert('clicked');
});

请发布代码来重现问题（a“”）并解释问题的确切位置，而不是图片。告诉我们您已经研究、调试和尝试了什么。您能提供不按预期工作的代码段吗？为什么是-2？这是我第一次发布…
。请登录一个{color:#000000；padding right:0px；
未关闭：）而不是一个图像，请发布代码以重现问题（a“”）并解释问题到底出在哪里。告诉我们您研究、调试和尝试了什么。您能提供无法按预期工作的代码片段吗？为什么是-2？这是我第一次发布…
。登录{color:#000000；padding right:0px；
未关闭：）当带定位的z-index解决问题时，它似乎过于复杂：）如果它能解决问题，那么是的，但如果它不能解决问题，则是一个很好的选择。（注意：在编写答案时没有op的代码）是的，有时z-index不起作用当z-index和定位解决问题时，它似乎过于复杂：）如果它能解决问题，那么是的，但是如果它不能解决问题，它是一个很好的替代方案。（注意：在编写答案时没有op的代码）是的，有时z-index不起作用
div.bad {
  background: rgba(0, 0, 0, .25);
  height: 100px;
  position: absolute;
  width: 100px;
}

button.bad {
  position: absolute;
}

div.good {
  background: rgba(0, 0, 0, .25);
  height: 100px;
  left: 200px;
  pointer-events: none;
  position: absolute;
  width: 100px;
}

button.good {
  left: 200px;
  position: absolute;
}

$('button').on('click', function() {
  alert('clicked');
});