Html 覆盖DIV及其内外的链接

Html 覆盖DIV及其内外的链接,html,click,Html,Click,有没有一种方法可以让链接在叠加DIV和DIV后面的表面上都可以点击 我知道指针事件:无;但在这种情况下,它不是一个解决方案,因为它只会使覆盖DIV后面的曲面上的链接可点击,从而使DIV中的链接不可触摸 如果这是一个重复的问题,很抱歉。这里需要的属性是z-index。具体来说,您希望在要单击的锚定标记上使其高于标题 首先,您需要将一个类添加到锚定标记中。为了明确起见,我们将其称为header上方的类,以便所有链接都如下所示: 然后,您需要添加以下CSS以将新定位应用于锚定标记: .在页眉上方{ 位

有没有一种方法可以让链接在叠加DIV和DIV后面的表面上都可以点击

我知道指针事件:无;但在这种情况下,它不是一个解决方案,因为它只会使覆盖DIV后面的曲面上的链接可点击,从而使DIV中的链接不可触摸


如果这是一个重复的问题,很抱歉。

这里需要的属性是z-index。具体来说,您希望在要单击的锚定标记上使其高于标题

首先,您需要将一个类添加到锚定标记中。为了明确起见,我们将其称为header上方的类,以便所有链接都如下所示:

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

.在页眉上方{ 位置:相对位置; z指数:1001; } position:relative将使z-index适用于这些锚定标记,而根本不移动它们,而z-indez将使它们升高到标题上方,并使它们可以单击,只要它们的z-index值大于标题的z-index值(当前为1000)


我也会将.header区域的z-index降低到1,然后将锚定标记2的z-index设置为2,但这主要是代码风格的问题。

你能用Codepen或JS Fiddle提供一个你正在使用的示例吗?基本上,我有一个固定的头,其中是覆盖DIV。当我添加指针事件时:无;在标题上,标题中的DIV可以通过标题后面的链接单击,但我不能使它们同时成为标题上DIV内的可单击链接和标题后面页面上的链接。画笔:[链接]您可以看到,在当前设置下,您无法点击半黑色标题…在哪里将上述标题类添加到标题上的DIV?锚定标记(又名链接又名tagsI)将该类添加到s,但仍然没有成功。我希望标题后面的链接和标题中的链接都可以点击。我将更改保存在钢笔中。您还需要将上面的头类添加到HTML中的所有元素中,以便读取它们的开始标记。我已经更新了我的原始答案,使之更清楚。您还可以删除该文件!重要的是,从CSSYes开始,我并没有很好地理解你。现在它工作得很好。非常感谢。