弯曲的图像超链接

Question

是否有可能有一个圆形图像，比方说（图像使用alpha通道），这样包裹它的超链接只能记录实际图像而不是alpha输出位？

如果没有，还有其他方法吗？

Answer 1

您可以为图像定义图像地图。

http://en.wikipedia.org/wiki/Image_map

Answer 2

我建议使用CSS来解决这个问题。

.yourclass {
-moz-border-radius: 15px;
border-radius: 15px;
}

Answer 3

当您点击它时，您可能希望在其周围删除丑陋的方形轮廓？ 尝试添加到css：

img {border: none}

并在实际的圆形图像A标签上，关闭轮廓：

<a href="#" style="outline: none"><img src="roundimage.jpg" /></a>

您仍然可以将指针光标从圆形部分移开 - 如果您希望指针仅在您将鼠标悬停在圆形部分上时显示 - 从图像中制作图像地图并将地图区域形状设置为圆形