Internet Explorer 10上的图像PNG?

时间:2013-08-22 05:00:20

标签: html css web

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

enter image description here

蓝色部分是徽标(我已经介绍过)

4 个答案:

答案 0 :(得分: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;
  }

答案 1 :(得分:0)

要摆脱蓝色边框,可以使用img元素的border属性,如下所示:

您需要将Border设置为0或None:

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

直接实施

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

答案 2 :(得分:0)

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

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

Same issue here

答案 3 :(得分:0)

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