html - 曲面画像のハイパーリンク

Question

たとえば、（画像がアルファチャネルを使用する場合）丸い画像を作成して、その周りにラップされたハイパーリンクが実際の画像のみを登録し、アルファ化されたビットを登録しないようにすることは可能ですか？

そうでない場合、これを行う他の方法はありますか？

score 3 · Accepted Answer

3

画像の画像マップを定義できます。

于 2013-01-10T22:25:29.140 に答える

score 0 · Accepted Answer

クリックしたときに、その周りの醜い四角い輪郭を削除したいですか？css に追加してみてください:

img {border: none}

実際の丸いイメージ A タグで、アウトラインをオフにします。

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

ポインターカーソルは丸い部分から外れます。丸い部分にカーソルを合わせたときにのみポインターを表示する場合は、画像からイメージマップを作成し、マップエリアの形状を円形に設定します。

score 0 · Accepted Answer

この問題を解決するには、CSS を使用することをお勧めします。

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

3 に答える 3