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

Question

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

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

.element {     向左飘浮;     身高：150px;     宽度：1300px;     shape-outside：img（'path / to / red-image-with-shape.png'）; }

ps：这种情况是用户向上滚动时的屏幕截图。设计人员希望即使使用这些滚动条件也可以访问表单元素。

Answer 1

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