鏈接中的圖像。 IE在圖像周圍繪製邊框。如何刪除邊框？

我有下面的代碼：鏈接中的圖像。 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中，它會在圖像周圍繪製邊框。如何刪除這些邊界？

我有點困惑與適當的標籤，所以請糾正我。

來源

2013-12-21 Александр Д.

嘗試

img { 
    border:none; 
    outline:none; 
}

來源

2013-12-21 16:03:31 Paramasivan

Paramasivan，它的工作原理。我不知道輪廓屬性。閱讀更多信息！ –

不客氣！ – Paramasivan

Altough @ Paramasivan的回答是正確的，請考慮不要刪除輪廓，即使它在某些瀏覽器上看起來很糟糕，但存在可訪問性原因。閱讀更多關於它的信息[here。]（http://www.outlinenone.com/） – Laszlo

在你的頁面

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

來源

2013-12-21 16:04:06

添加這個你不必使用asp:Image tag內Hyperlink，超鏈接有一個屬性，添加圖像。所以結果將是圖片標籤纏繞錨。使用類似這樣：

.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; 
    }

來源

2013-12-21 16:09:11 Ani

Ani，帶ImageUrl的第一個代碼不會刪除Internet Explorer中的邊框。我使用Paramasivan的答案。你需要在CSS中添加大綱屬性以使其工作。 –

當然...但我看到你在做錯誤的aspx。補充說......謝謝 – Ani

鏈接中的圖像。 IE在圖像周圍繪製邊框。如何刪除邊框？

回答

相關問題