Html 超级链接可以'；不能在div下单击

我尝试过使用

z-index

和

position:relative

进行试验，但我似乎无法实现这一点

我已经这样做了，一旦你将鼠标悬停在图像上，就会出现一个超链接，但由于某些原因，你无法单击超链接。有人能告诉我怎么把它拿到前面来吗

这是我的密码：

。标题{
显示：内联块；
位置：相对位置；
溢出：隐藏；
-webkit转换：translateZ（0）；
右边距：1.25em；
边缘顶部：1.250em；
边缘底部：2.188em；
左边距：1.25em；
排名：0；
底部：0；
右：0；
显示：块；
最大宽度：100%；
高度：自动；
}
.说明：：之前{
内容：''；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
背景：透明；
过渡：背景。35秒放松；
}
.imageh:hover+.caption:：before{
盒影：嵌入0.1000px rgba（0,0,0,5）；
}
.imageh{
位置：绝对位置；
显示：块；
身高：100%；
宽度：100%；
z指数：1；
排名：0；
底部：0；
右：0；
}
.caption__覆盖{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
填充：10px；
颜色：白色；
-webkit转换：translateY（100%）；
转化：translateY（100%）；
过渡：-webkit转换。35秒缓解；
转变：转变。35秒放松；
}
.imageh:hover+.caption.caption\uu覆盖{
-webkit转换：translateY（0）；
变换：translateY（0）；
}
.caption__媒体{
填充顶部：130px；
最大宽度：100%；
}

---

而不是在悬停时使用span元素，它是图像容器的同级元素（这使得悬停时很难避免闪烁）。您可以将鼠标悬停在标题容器div本身上。请参见下面的示例代码

。标题{
显示：内联块；
位置：相对位置；
溢出：隐藏；
-webkit转换：translateZ（0）；
右边距：1.25em；
边缘顶部：1.250em；
边缘底部：2.188em；
左边距：1.25em；
排名：0；
底部：0；
右：0；
显示：块；
最大宽度：100%；
高度：自动；
}
.说明：：之前{
内容：''；
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
背景：透明；
过渡：背景。35秒放松；
}
.说明：悬停：：之前{
盒影：嵌入0.1000px rgba（0,0,0,5）；
}
.imageh{
/*位置：绝对位置；
显示：块；
身高：100%；
宽度：100%；
z指数：1；
排名：0；
底部：0；
右：0*/
}
.caption__覆盖{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
填充：10px；
颜色：白色；
-webkit转换：translateY（100%）；
转化：translateY（100%）；
过渡：-webkit转换。35秒缓解；
转变：转变。35秒放松；
}
.caption:hover.caption\u覆盖{
-webkit转换：translateY（0）；
变换：translateY（0）；
}
.caption__媒体{
填充顶部：130px；
最大宽度：100%；
}

---

保持一切原样，除了两件事。将类为“imageh”的元素设置为z索引0，将类为“caption__overlay__content”的元素设置为z索引1