HTML,CSS如何单击div z-index-1,带href

HTML,CSS如何单击div z-index-1,带href,html,css,Html,Css,如何单击与div z-index的链接:-1 我需要一个z-index为-1的div,这个div是一个链接,当z-index为1或更大时,可以单击div中的链接,但当我将z-index div设置为-1时,链接不可单击如何修复它 CSS HTML <div class="div1">div1</div> <div class="div2">div2</div> <div class="div3"><a href="">Cli

如何单击与div z-index的链接:-1

我需要一个z-index为-1的div,这个div是一个链接,当
z-index
为1或更大时,可以单击div中的链接,但当我将z-index div设置为-1时,链接不可单击如何修复它

CSS


HTML

<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3"><a href="">Clickable link with z-index -1</a></div>
div1
第二组

使用
位置:相对
并使所有元素具有正
z-索引

.div1,
.第2分部{
位置:相对位置;
}
.div1{z-index:3;}
.div2{z-index:2;}
.div3 a{z-index:1;位置:绝对;左:0;右:0;下:0;上:0;}
div1
第二组

您不能。时期但你为什么要做这样的事?看起来像是XY问题。你想要这个临时的吗?@VXp我需要可点击的背景
div3
has
z-index:1
not
z-index:-1
@AlaaMh我在回答boss的内容中说了什么?你看过我的答案了吗?我说过使用
z-index:-1
是不对的。我的意思是,不要使用否定的
z-index
@PraveenKumar谢谢你的想法,解决了我的问题
<div class="div1">div1</div>
<div class="div2">div2</div>
<div class="div3"><a href="">Clickable link with z-index -1</a></div>