时间戳

首页 > 解决方案 > 覆盖 DIV 及其内外的链接

html - 覆盖 DIV 及其内外的链接

问题描述

有没有办法让我在覆盖 DIV 和 DIV 后面的表面上都可以点击链接？

我知道，POINTER-EVENTS: None;但在这种情况下它不是一个解决方案，因为它只会使覆盖 DIV 后面的表面上的链接可点击，从而使 DIV 中的链接不可触摸。

对不起，如果这是一个重复的问题。

标签： htmlclick

解决方案

你想要的属性是z-index. 具体来说，您希望在要单击的锚标记上使其高于标题。

首先，为了明确起见，您需要将一个类添加到锚标记（我们称之为above-header），以便链接看起来像这样：

<A href="https://www.google.com" class="above-header">Link</A>

然后，您需要添加以下 CSS 以将新定位应用于锚标记：

.above-header {
   position: relative;
   z-index: 1001;
}

position: relative只要它们的值大于标题的值（当前为 1000），就会使它们z-index适用于这些锚标记而不移动它们，同时将它们提升到标题上方（并使它们可点击）。z-indezz-index

我也会将z-indexon降低.header-area到 1，然后将z-indexon 锚标记设为 2，但这主要是代码风格的问题。

推荐阅读