用css形状点击是图片？

Question

我正在尝试让输入字段和按钮工作，即使它们位于成形的 png 图像后面。

现在我认为我所要做的就是使用形状，它会追踪形状。按钮或输入字段将是 editable/clickable

.元素{ 向左飘浮; 高度：150px； 宽度：1300px； 外部形状：img('path/to/red-image-with-shape.png'); }

ps: 这种情况是用户向上滚动时的截图。设计者希望即使在这些滚动情况下也可以访问表单元素。

Answer 1

将 pointer-events: none 设置为具有该形状的元素。据我所知没有其他解决方案。 也许您可以尝试使输入字段透明并更改 z-index。但这不是你想要的。顺便说一句，隐藏输入框的内容对用户来说不是很友好。