html - 点击元素下方的 HitTest

Question

继上一个问题之后，我试图找出下一个问题是否可行:

假设您有一个渲染图，例如具有透明背景的足球运动员。您将此呈现器添加到您的 html 和 css 中。透明部分现在是图像“盒子”的一部分；你不能点击图片透明部分下面的链接，但你可以看到它们。

是否可以使这些链接可点击？因此图像具有最高的 z-index，但仍然具有可点击和工作的链接。

(链接的 z-index 较低，因为它们的背景会停在图像下方，从而提供更好的设计)

(或者换句话说:具有透明背景的 .png 图像不显示为框，而仅显示为彩色像素。仅在 html/css 中更可取)

老实说，我认为这是不可能的。如果您还不明白我的问题，也许我之前的内容会对您有所帮助: need help fixing the link's clickable area

Answer 1

您可以使用 pointer-events使事件(在本例中为单击)冒泡到下面的层。