Asp.net 圆形图像链接
我正在建立一个网站,我想添加一个链接到facebook页面。 设计师给我发了一张圆形图片来代表facebook链接。实际上,图像是一个矩形,但这幅画是圆形的。 我想要的是指针,只有在图像的圆形区域上时,指针才会变为“链接手”。 我可以通过以下方式部分实现这一点:Asp.net 圆形图像链接,asp.net,image,hyperlink,Asp.net,Image,Hyperlink,我正在建立一个网站,我想添加一个链接到facebook页面。 设计师给我发了一张圆形图片来代表facebook链接。实际上,图像是一个矩形,但这幅画是圆形的。 我想要的是指针,只有在图像的圆形区域上时,指针才会变为“链接手”。 我可以通过以下方式部分实现这一点: .imgFacebook { border-radius:50%; height:50px; } 然而,我得到的结果是:它是为图像的顶部工作。在顶部,当我将鼠标移到圆外时,指针返回到箭头。 底部仍然将图
.imgFacebook {
border-radius:50%;
height:50px;
}
然而,我得到的结果是:它是为图像的顶部工作。在顶部,当我将鼠标移到圆外时,指针返回到箭头。
底部仍然将图像视为方形图像,并将圆形设计外的指针更改为“手”,表示链接。
我尝试为每个角(左上/右和左下/右)分别设置边界半径,但没有成功。
那么,有人知道如何在我的图像中获得一个圆形区域作为链接吗?
提前感谢在使用不同的关键字进行了一些搜索之后,我在这个链接中找到了“如何”。 我只需要在div中添加图像。至于图像,我使用了一些样式使其显示为圆形
<a href="http://www.wherelionsroam.co.uk" target="_blank">
<div id="a">
<asp:Image ID="imgLinkFacebook" runat="server" CssClass="imgFacebook"/>
</div>
</a>
.imgFacebook {
border-radius:50%;
height:50px;
}
.imgFacebook{
边界半径:50%;
高度:50px;
}
无论如何,谢谢你