html - 创建一个图像按钮,只允许您单击不透明部分

标签 html css photoshop

我的 Photoshop 文件中有一张形状怪异的图像。我使背景透明。然后我将该文件作为我网站上的图像按钮。唯一的问题是当图像在我的站点上时,我仍然可以单击图像的透明部分。我基本上只想能够单击对我的图像按钮不透明的部分。我尝试过 html 映射,但这对我不起作用,主要是因为当您单击已映射的部分时,会出现一条蓝线,这很烦人。

任何提示都会非常有帮助。我在这个问题上纠结了几天

这是我创建的图像的链接:http://picpaste.com/TheBestThingEver-s3LLpUPk.jpg

最佳答案

出现的蓝线听起来像按钮具有焦点时的虚线。如果那是你的问题,你可以通过使用这段代码 :focus { outline: 0; 来解决。 -moz-大纲样式:无; }

关于html - 创建一个图像按钮,只允许您单击不透明部分,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26857435/

相关文章:

ios - 从 1080*1920 更改为 640*960 分辨率

xcode - 我如何在 Xcode StoryBoard 中像 Photoshops 一样使用 'Lock Selection'

javascript - 如何使用Alpha输入计算两种颜色的柔光混合值?

javascript - Notepad++ 将所有 px 引用乘以 X?

html - CSS div 和图像不透明效果

css - Bootstrap 下拉扩展下拉列表(嵌套)

css - 如何调整li内div内标签的宽度?

jquery - 如何使用淡出效果更改表格行的背景颜色?

html - css - 在 h6 下放置不受 h6 大小影响的 img

javascript - 即使我刷新,文本框值仍然存在?