html - 使用 css shape 来点击图片?

标签 html css shapes css-shapes

我试图让一个输入字段和按钮工作,即使它们在一个成形的 png 图像后面。

enter image description here

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

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

enter image description here

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

最佳答案

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

关于html - 使用 css shape 来点击图片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32712881/

相关文章:

excel - 将单元格与 Excel 形状链接

algorithm - 处理板上形状的选择

jquery隐藏/显示问题

javascript - Jquery requestFullScreen 与在 Internet Explorer 中按 F11 不同

jquery - Javascript 风格的空输入框

css - 仅使用 HTML 和 CSS 的 flex 帆形?

javascript - 是否可以强制 div 占用屏幕的高度

javascript - 我的字体系列无法呈现 "straight quotes"。我应该怎么办?

html - 显示 :inline-block how to position the div in same level

html - Chrome 标题上方的大白色间隙