2013-12-21 77 views
0

我有下面的代码:链接中的图像。 IE在图像周围绘制边框。如何删除边框?

<a href="/Default.aspx" style="border: none;"><asp:Image ID="Image3" runat="server" ImageUrl="~/image1.png" /></a> 

    <asp:HyperLink ID="HyperLink559" runat="server" NavigateUrl="~/Default.aspx"><asp:Image ID="Image1" runat="server" ImageUrl="~/image1.png" /></asp:HyperLink> 

这是内部的图像链接到我的默认Web站点页面(的?)。

它在Opera和Chrome中看起来不错,但在Internet Explorer中,它会在图像周围绘制边框。如何删除这些边界?

我有点困惑与适当的标签,所以请纠正我。

回答

4

尝试

img { 
    border:none; 
    outline:none; 
} 
+0

Paramasivan,它的工作原理。我不知道轮廓属性。阅读更多信息! –

+0

不客气! – Paramasivan

+0

Altough @ Paramasivan的回答是正确的,请考虑不要删除轮廓,即使它在某些浏览器上看起来很糟糕,但存在可访问性原因。阅读更多关于它的信息[here。](http://www.outlinenone.com/) – Laszlo

2

在你的页面

<style> 
    img{ 
     border:none; 
     outline:none; 
    } 
</style> 
0

添加这个你不必使用asp:Image tagHyperlink,超链接有一个属性,添加图像。所以结果将是图片标签缠绕锚。 使用类似这样:

.aspx的:

 <asp:HyperLink id="HyperLink559" 
       ImageUrl="images/pict.jpg" 
       NavigateUrl="http://www.microsoft.com" 
       Text="Microsoft Official Site" 
       Target="_new" 
       runat="server"/> 

CSS

a img{ 
      border: none; 
      outline: none; 
    } 
+0

Ani,带ImageUrl的第一个代码不会删除Internet Explorer中的边框。我使用Paramasivan的答案。你需要在CSS中添加大纲属性以使其工作。 –

+0

当然...但我看到你在做错误的aspx。补充说......谢谢 – Ani