Question

<li><a href="#" ><img src="images/hospitality.png" title="" /></a>

问题 - 图像显示在IE和Mozilla中的蓝色矩形框内，但不会显示在Chrome中。如何从IE中删除该蓝框？

Answer 1

您可以设置此CSS以删除链接中每个图像上的蓝色边框：

a img {
    border: 0;
}

Answer 2

或者将其内联添加到img元素：

<li>
    <a href="#">
        <img style="border: 0;" src="images/hospitality.png" title="" />
    </a>
</li>

Answer 3

“border = 0”解决方案有效，但实施起来并不容易，因为它需要在项目中添加的每个链接图像中添加它。

更好的解决方案是在页面的<head> ... </head>标记中包含以下标记，这些标记可以位于母版页中，以便所有内页都将固定在母版页中

<style type="text/css">
    <!--
    img { border: none; }
    -->
</style>

Answer 4

外部css

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

内部css

<style type="text/css">
  img { border: none; }
</style>

内联css

<img src="logo.png" style="border-style: none"/>

Answer 5

要删除此边框，您应将border设置为none。

  a img 
        {
        border:none;
        }