使用css形状点击成为图像？

Question

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

现在我认为我所要做的就是使用形状，它会追踪形状。并且按钮或输入字段将是可编辑/可点击的

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

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

Answer 1

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