I wanted to use a .png image, with transparent background, as a link on my website. I tried with this html:\[code\]<a href="http://stackoverflow.com/questions/15579490/index.html"> <img border="0" src="http://stackoverflow.com/questions/15579490/smiley.png" alt="smiley" width="150" height="150"></a>\[/code\]and this css :\[code\]a{ text-decoration: none; color: inherit;}\[/code\]However, the image is still clickable on the transparent background of my image.Here is the illustration of what I am trying to get :
**Note: This picture is for illustration only. I am 100% sure that my picture has transparent background.How can I use my image as a link whenever the cursor is on the smiley face only (visible part) ?