Css z索引的可见性优先级未按要求生成

我想让下面片段的链接可以点击。重点应该是,

链接>底部图像>链接中的图像。 我尝试了z-index，但它不起作用

img{
边框：1px实心#000；
}
.框架{
位置：绝对位置；
排名：0；
z指数：8；
}
.链接a{
z指数：9；
}
.link img{
z指数：7；
}

---

如果我理解正确，这将解决您的问题，元素需要

绝对

或

相对

的位置才能使用z-index

img{
边框：1px实心#000；
}
.框架{
位置：绝对位置；
排名：0；
z指数：8；
}
.链接a{
位置：相对；/**添加相对**/
z指数：9；
}
.link img{
位置：相对；/**添加相对**/
z指数：7；
}

---

您可以使用

指针事件：none

指向

.frame

类以使链接可单击。这里不需要

z-index

img{
边框：1px实心#000；
}
.框架{
位置：绝对位置；
排名：0；
指针事件：无；
不透明度：.8；
}

---

不错的解决方案，但

指针事件：无仅支持IE 11及以上版本。