HTML .png 图像作为按钮形状

标签 html css image button

我怀疑这是否容易实现,但它会非常有用!!!

如果您不知道 .png 图像中有透明度(透视)。有没有办法创建一个按钮,它只是 png 图像的形状,而不是整个 png-image-border.请参阅我的图片以获得更好的理解。如果您想使用它,这里是 .png 图像:https://i.imgur.com/y8XLjqO.png enter image description here

enter image description here

最佳答案

您可以使用 usemap 选项并根据您的要求调整 coords="140, 150, 140"

这里可以生成图像映射http://image-map.weebly.com/类似于您可以在网上找到许多图像 map 生成器。

<map id="ImgMap0" name="ImgMap0">
    <area alt="" coords="140, 150, 140" href="http://www.link.com" shape="circle" />
</map>
<img src="http://via.placeholder.com/300" alt="" usemap="#ImgMap0"/>

关于HTML .png 图像作为按钮形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48741548/

相关文章:

javascript - 更改 c3 圆环图上的背景填充

css - 奇怪的 ie8 css 行为 - 背景颜色消失/重新出现?

javascript - 检查地址路径是否可用

html - 如何分离侧边栏和内容?

javascript - 如何将这个基本的 html(CSS、JavaScript)模板包含到一个 php 文件中?

css - 多个 float div-溢出隐藏,部分 View

html - 与曲线的背景,可能吗?

image - 用于 HDR 图像显示的 Qt 小部件

c - 将图像文件读入 char 数组

ios - 在 ios Swift 3.0 中为图像的特定部分填充颜色