Html 绝对定位在p上的div会导致p中的链接不可单击

Html 绝对定位在p上的div会导致p中的链接不可单击,html,css,Html,Css,我在p上有一个绝对定位的div,它会导致p中的链接不可点击,并且没有一个文本是可选择的 这个div没有任何背景,只有一个边框。如何解决此问题?您可以更改的z-index。那应该把它放在后面想想看,如果你在覆盖层中有一些链接怎么办?浏览器将焦点放在最顶端的元素(最高的z索引),因此可以单击其中的所有元素并选择文本 考虑另一种解决方案,并抛弃绝对定位的div。想象一下,将一张纸放在另一张纸上。下面的一个不能再被触摸-这是设计的 为什么不把DIV放在p下面,给p一个透明的背景呢?添加指针事件:无到顶部

我在p上有一个绝对定位的div,它会导致p中的链接不可点击,并且没有一个文本是可选择的


这个div没有任何背景,只有一个边框。如何解决此问题?

您可以更改
z-index
。那应该把它放在
后面想想看,如果你在
覆盖层中有一些链接怎么办?浏览器将焦点放在最顶端的元素(最高的z索引),因此可以单击其中的所有元素并选择文本


考虑另一种解决方案,并抛弃绝对定位的div。

想象一下,将一张纸放在另一张纸上。下面的一个不能再被触摸-这是设计的


为什么不把DIV放在p下面,给p一个透明的背景呢?

添加
指针事件:无到顶部的css样式。它将不再是可点击的,并将让鼠标事件通过它传递到

是的,但它不会是一个很大的覆盖,因为它将隐藏在
后面:)他说
只有一个边框,没有背景。我可以想象,它可能不仅仅吞噬了
,这可能就是他这样做的原因。我想如果
后面就可以了,但是我们会看到OP返回时:p没错,我只是想在某些元素周围获得一个特定大小的边框。我尝试将p的z-index设置为5,将div的z-index设置为0,但没有成功。但是,如果我将div的z-index设置为-1,那么它就可以工作。知道我为什么要把它设为负数吗?我通常都是这么看的。想象一下z指数从屏幕上出来,正面朝着你,负面朝着屏幕。我明白了为什么p上的z指数:5不起作用。我还必须设置
position:relative
。这是“最干净”的解决方案,因为您不必处理
z-index
或任何事情,但请注意,IE中根本不支持它……我不知道。。。很高兴知道这对我现在正在做的一个项目很重要。谢谢