我试图让一个输入字段和按钮工作,即使它们在一个成形的 png 图像后面。
现在我认为我所要做的就是使用形状,它会追踪形状。并且按钮或输入字段将是可编辑/可点击的
.元素{ 向左飘浮; 高度:150px; 宽度:1300px; shape-outside: img('path/to/red-image-with-shape.png');
ps:这种情况是用户向上滚动时的截图。设计师希望即使在这些滚动情况下也可以访问表单元素。
最佳答案
将 pointer-events: none
设置为具有形状的元素。据我所知没有其他解决方案。
也许您可以尝试使输入字段透明并更改 z-index。但这不是你想要的。顺便说一句,隐藏输入字段的内容对用户来说并不友好。
关于html - 使用 css shape 来点击图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32712881/