是否可以在链接图像后面点击链接？

Question

我有一个透明的图像会稍微溢出到导航菜单中（出于设计目的）。是否可以在图像和链接之间存在重叠的情况下使链接可以点击？目前，即使在透明区域，链接也不能在图像框的边界内点击。有什么想法吗？

Answer 1

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

img {
    pointer-events: none;
}

Answer 2

尝试将链接css设置为以下（假设链接指定了一个类）：

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