Question

我有以下代码：

    <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>

这是（我的）默认网站页面链接里面的图像。

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

我对相应的标签感到有点困惑，所以请纠正我。

Answer 1

尝试

img {
  border:none;
  outline:none;
}

Answer 2

在页面中添加

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

Answer 3

您不必在asp:Image tag内使用Hyperlink，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;
    }

链接中的图像。 IE在图像周围绘制边框。如何删除边框？

3 个答案: