只使图像的一部分可点击和可见？

问题描述：

我在网页上放置一个三角旗，我只希望三角旗形状是可点击的。这给我一个真正的头痛，因为图像的完整尺寸是320x182。我不希望完整的矩形可点击。只使图像的一部分可点击和可见？

我的第二个问题是只获得三角旗出现在页面上。现在，它看起来像一个白色的矩形，里面有一个蓝色的三角旗。

<a href="http://www.cdm.depaul.edu/Pages/default.aspx"><img alt="depaul" class="transparent" src="/_images/depaul_pennant.jpg" width="" /></a> 


.transparent { 
background: transparent; 
background-color: transparent; 
}

任何意见，将不胜感激。

FYI IM使用引导3.

你可以重新创建图像为PNG吗？ PNG支持透明背景。至于只让图像的可见部分可点击，那是一个有趣的部分。我只处理了圆角，borderradius似乎适用于此。 –

我以PNG的身份退役。但是，您如何将背景设置为透明？ – prufrock

你将不得不选择所有的白色背景，并将其从图像中删除。我使用GIMP，我在那里使用的路线是选择三角形，剪切它，过去它是一个透明背景的图层，并将其导出为png。 –

答

像这样的事情？

http://jsfiddle.net/cancerian73/jzPqs/2/

.box1 { 
width:398px; 
height:287px; 

}

这是你在找什么？

对不起。具有基本形状的元素对我来说不是问题。我的问题是一个三角旗的图像（三角形） – prufrock

你可以给我看一个例子吗 – San

需要为一个类创建一个个人网站：http://michaelbulger.me/ 红色只用于排除故障！ – prufrock

只使图像的一部分可点击和可见？

相关推荐