css - 从背景图像中删除指针事件

Question

考虑一个半透明 background-image的阻塞pointer-events它下面的 css 链接。我想让链接即使在这张图片下方也能正常工作。

可能吗？

Answer 1

如果一个元素与另一个元素重叠，您将无法单击它，很简单。

您可以将链接放在叠加层的顶部，但您将失去对这些链接的影响。这不是优雅的，但我想它会工作。

a {
    position: relative; /* set them relative, keeping their position */
    z-index: 1000;      /* set z-index to move it in front */
}

Answer 2

不要这么想！
通常，最古老的图像盗窃方法之一是将图像放在透明图像后面。
但如果它对您非常重要，您可以使用一些常用方法（例如 html 图像映射或使用某些 svg 功能）在该图像上制作热点。如果有阴影之类的效果或类似的效果，您可以使用 css3 用代码制作它们