曲线图像超链接

是否有可能有一个圆形的图像，比如说，（图像使用一个alpha通道），这样一个超链接包裹它只会注册实际图像而不是alpha_ed位？曲线图像超链接

如果没有，有没有其他的方法来做到这一点？

看看CSS图像地图，我明天可以举一个例子 – twoleggedhorse

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

2013-01-10 22:25:29

虽然需要很多点。 –

图像映射支持矩形，圆形或多边形。根据你的shap的复杂程度，你可以用几个点来近似它。 –

猜猜所以...大概是这样！ –

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

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

2013-01-10 22:28:01 James

那会......给它一个边界？那有什么意义呢？ – Doorknob

将值更改为您认为正确的值，-moz-用于Firefox修复。 – James

但是添加边框的意义何在？这与这个问题无关。 – Doorknob

您可能想要在您点击它时围绕它移除丑陋的方形轮廓？尝试添加的CSS：

img {border: none}

和实际圆图像上的标签，关闭轮廓：

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

你仍然得到的指针光标从圆形部分的 - 如果您希望指针仅在您将鼠标悬停在圆形部分上时显示 - 将图像地图绘制出图像并将地图区域形状设置为圆形。

2013-01-10 23:49:50

回答