代码之家  ›  专栏  ›  技术社区  ›  alex

使用css形状单击成为图像?

  •  1
  • alex  · 技术社区  · 9 年前

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

    enter image description here

    现在我想我要做的就是使用形状,它会追踪形状。按钮或输入字段可以编辑/点击

    .元素{ 浮动:左侧; 高度:150px; 宽度:1300px; 外部形状:img('path/to/red image with shape.png'); }

    enter image description here

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

    1 回复  |  直到 9 年前
        1
  •  1
  •   JavaForAndroid    9 年前

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