html - Internet Explorer 10 上的图像 PNG？

Question

因为我在所有浏览器上放置在我的网站标题中的 png 图像在 Internet Explorer 上正确显示，并且 10 在它周围显示一个正方形？我要疯了，试图找出原因。谁能帮我？图像没有背景，是透明的。我附上截图让你更好地理解问题。

蓝色部分是徽标（我已经介绍过）

Answer 1

<a href="http://www.boutell.com/"> <img src="/boutellcomlogo.png" style="border-style: none"/> </a>

如果你从不想要蓝色边框，一个更干净的解决方案是在样式表中这样说：

img
  {  
    border-style: none;
  }

然后在页面的 head 元素中引用该样式表：一个

或者

 img
  {
     border: 0 none;
  }

Answer 2

要摆脱蓝色边框，您可以使用 img 元素的边框属性，如下所示：

您需要将边框设置为 0 或无：

有两种方法可以使用 CSS 或 Direct 方式删除边框

直接执行是

<a href="#"><img src="image path" alt="" border="none"></a>

使用 CSS ：

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

HTML

<a href="#"><img src="image path" alt=""></a>

Answer 3

是IE10的问题。给它一个样式并删除边框。

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

同样的问题在这里

Answer 4

人们说这是 IE 的问题，但实际上并不完全是问题，只是他们的浏览器默认 CSS 规则在很多情况下被覆盖。基本上，如果您正在制作一个与许多浏览器兼容的页面，特别是如果在这种情况下包含 IE，则使用Reset.css是明智的，这可以减少浏览器的不一致，并允许您从头开始指定自己的规则。我知道你得到了答案，但我会推荐这种方法。