曲線圖像超鏈接

是否有可能有一個圓形的圖像，比如說，（圖像使用一個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

回答