javascript - HTML - 从具有透明度的 PNG 图像中实现具有自定义可点击形状的按钮

标签 javascript html css click mask

我有以下具有透明度的 PNG 图像:

Button image

我想在 HTMLCSS 中制作一个使用 alpha channel 作为 mask 的按钮,这样它仅在以下情况下才有效用户点击粉色区域。

这可能吗?如何实现?

最佳答案

您可能想查看图像映射 HTML map Tag

关于javascript - HTML - 从具有透明度的 PNG 图像中实现具有自定义可点击形状的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43863574/

相关文章:

javascript - 隐藏 html 页面中的某些字段以用于打印布局中的页眉/页脚

html - 页面布局两个并排的 div : right scrollable only, 左侧可扩展以适应内容

javascript - 如何水平居中内容而不重叠侧面的元素

javascript - vuejs2 监听用户是否按下了 @ 键

javascript - Jquery POST unicode 字符串到 codeigniter php

iPhone UIWebView - 调用 loadHTMLString :baseURL: a second time doesn't do anything?

html - 文字不会居中?

javascript - 从事件函数更改全局变量

c# - 如何匹配并返回字符串的多个实例,其中任何索引中都可以包含单个撇号?

javascript - 将分隔符添加到按字母顺序排列的列表