Html Internet Explorer 10上的图像PNG?

Html Internet Explorer 10上的图像PNG?,html,css,web,Html,Css,Web,因为我在所有浏览器上放在我的网站标题中的png图像在Internet Explorer上都能正确显示,10在其周围显示一个正方形?我要发疯了,想知道为什么。有人能帮我吗?图像没有背景,是透明的。我附上一个截图,让你更好地理解这个问题 蓝色部分是徽标(我已经介绍过了) 如果您永远不想要蓝色边框,一个更干净的解决方案是在样式表中这样说: img { border-style: none; } 然后在页面的head元素中引用该样式表:one 或 要去除蓝色边框,可以使用img元

因为我在所有浏览器上放在我的网站标题中的png图像在Internet Explorer上都能正确显示,10在其周围显示一个正方形?我要发疯了,想知道为什么。有人能帮我吗?图像没有背景,是透明的。我附上一个截图,让你更好地理解这个问题

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

如果您永远不想要蓝色边框,一个更干净的解决方案是在样式表中这样说:

img
  {  
    border-style: none;
  }
然后在页面的head元素中引用该样式表:one


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

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

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

直接实施是必要的

使用CSS:


img{border:none;}

HTML


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

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


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

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