html - 弯曲图像超链接

Question

是否有可能有一个圆形图像，例如（图像使用 alpha 通道），这样围绕它的超链接只会注册实际图像而不是 alpha'ed 位？

如果没有，还有其他方法可以做到这一点吗？

score 3 · Accepted Answer

3

您可以为图像定义图像映射。

于 2013-01-10T22:25:29.140 回答

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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

img {border: none}

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

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

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

3 回答 3