是否可以使 link 位于图像后面时可点击？

Question

我有一个透明的图像，它稍微溢出到导航菜单中（出于设计目的）。是否可以在图像和链接重叠的地方使链接可点击？目前，图片框内的链接不可点击，即使在透明区域也是如此。有什么想法吗？

Answer 1

您可以在此图像上设置 pointer-events: none，这样鼠标交互就会通过图像到达其后面的元素，就像图像不存在时一样：

img {
    pointer-events: none;
}

Answer 2

尝试将 link css 设置为以下内容（假设 link 分配了 class）：

.link{
    position: relative;
    z-index: 100;
}