Question

我的Photoshop文件上有一个形状错误的图像。我让背景透明。然后我在我的网站上将文件设为图像按钮。唯一的问题是，当我在我的网站上时，我仍然可以点击图像的透明部分。我基本上只希望能够单击对我的图像按钮不透明的部分。我已经尝试过html映射，但这对我来说不起作用主要是因为当你点击你已经映射的部分时出现了一条令人讨厌的蓝线。

任何提示都会非常有用。我已经被困在这个问题上几天了

以下是我创建的图片的链接：http://picpaste.com/TheBestThingEver-s3LLpUPk.jpg

Answer 1

出现的蓝线，当按钮具有焦点时听起来像虚线。如果这是您的问题，您可以使用这段代码:focus { outline: 0; -moz-outline-style: none; }

来解决这个问题

Answer 2

我不确定，但也许你可以用css：active属性解决你的蓝线问题？

Answer 3

您可以尝试使用HTML形状属性，只需知道图像的位置

即可

<img src='/TheBestThingEver-s3LLpUPk.jpg' border='0'  width="145" height="126"  alt="circle_image" usemap="#circle_image">
<map name="circle_image">
    <area shape="circle" coords="124,100,100" href="nextPage.html'" alt="circle">
</map>

创建一个图像按钮，只允许您单击不透明的部分

3 个答案: