blocks|key|966188|text|<a+href="http://www.boutell.com/">+<img+src="/boutellcomlogo.png"+style="border-style:+none"/>+</a>|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|966189|一个更简洁的解决方案是，如果你从来不想要蓝色边框，那就在样式表中这样说：|966190|img
++{++
++++border-style:+none;
++}|code-block|syntax|javascript|966191|然后在页面的head元素中引用该样式表：|966192|或|966193|+img
++{
+++++border:+0+none;
++}|966194|entityMap^0|0|2R|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|R|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|S|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|T|$]]

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

An even cleaner solution, if you never want the blue border, is to say so in a style sheet:

<pre><code>img
 { 
 border-style: none;
 }
</code></pre>

And then reference that style sheet in the head element of your page:one

or

<pre><code> img
 {
 border: 0 none;
 }
</code></pre>

blocks|key|966200|text|要去除蓝色边框，您可以使用img元素的边框属性，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|966201|您需要将边框设置为0或无：|966202|有两种方法可以使用CSS或直接方式删除边框|966203|直接实现是|966204|<a+href="#"><img+src="image+path"++alt=""+border="none"></a>|offset|length|style|CODE|966205|使用CSS：|966206|<style+type="text/css">+a+img+{border:none;}+</style>|966207|HTML|966208|<a+href="#"><img+src="image+path"++alt=""></a>|966209|entityMap^0|0|0|0|0|0|1O|0|0|0|1H|0|0|0|1A|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|10|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|11|8|@$J|12|K|13|L|M]]|9|@]|A|$]]|$1|N|3|O|5|6|7|14|8|@]|9|@]|A|$]]|$1|P|3|Q|5|6|7|15|8|@$J|16|K|17|L|M]]|9|@]|A|$]]|$1|R|3|S|5|6|7|18|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|19|8|@$J|1A|K|1B|L|M]]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|W|$]]

To get rid of the blue border you can use the border attribute for the img element like so:

You need to set the Border to 0 or None:

There are two ways to delete the Border using CSS or Direct way 

Direct implementation is 

<code>&lt;a href="#"&gt;&lt;img src="image path" alt="" border="none"&gt;&lt;/a&gt;</code>

Using CSS :

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

HTML

<code>&lt;a href="#"&gt;&lt;img src="image path" alt=""&gt;&lt;/a&gt;</code>

blocks|key|3045652|text|这是IE10的问题。给它一个样式并去掉边框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3045653|<img+src="/YourImage.png"+style="border-style:none;">|code-block|syntax|javascript|3045654|Same+issue+here|offset|length|3045655|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/16826859/remove-blue-border-in-ie-10-compatibility-view^0|0|0|0|F|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

It's IE10 issue. Give it a style and remove the border.

<pre><code>&lt;img src="/YourImage.png" style="border-style:none;"&gt;
</code></pre>

<a href="https://stackoverflow.com/questions/16826859/remove-blue-border-in-ie-10-compatibility-view">Same issue here</a>

blocks|key|959926|text|人们说这是IE的问题，但实际上这并不是问题，只是浏览器默认的CSS规则在很多情况下被覆盖了。基本上，如果你正在制作一个与许多浏览器兼容的页面，特别是如果IE包含在这种情况下，明智的做法是使用Reset.css，它可以减少浏览器的不一致性，并允许你从头开始指定自己的规则。我知道您已经得到了答案，但我建议您使用这种方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|959927|entityMap|0|LINK|mutability|MUTABLE|url|http://meyerweb.com/eric/tools/css/reset/^0|2N|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

People say that this is an issue of IE, but its actually not exactly an issue,
its just their browsers default CSS rule which in a lot of cases is overridden.
Basically if you are making a page that is compatible with a lot of browsers, specially if
IE is included in that case its wise to use <a href="http://meyerweb.com/eric/tools/css/reset/" rel="nofollow">Reset.css</a>, which reduces the browser inconsistencies and which allows you to specify your own rules from scratch.
I know you got your answer, but I would recommend this approach.

because a png image that I put in the header of my website on all browsers display correctly on Internet Explorer and 10 displays a square around it? I'm going crazy trying to figure out why. Can anyone help me? The image has no background, is transparent. I attach a screenshot for you to understand the problem better. 

<img src="https://i.stack.imgur.com/oBIDl.png" alt="enter image description here">

The blue part is the logo (which I covered)

Image PNG on Internet Explorer 10?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

因为我在所有浏览器的网站页眉中放置的png图像在Internet Explorer上都能正确显示，并且在它周围显示一个方块？我都快疯了想找出原因。有谁可以帮我？图像没有背景，是透明的。我附上一个截图，让你更好地了解这个问题。​​蓝色部分是logo (我已经介绍过了)

问Internet Explorer 10上的Image PNG？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Internet Explorer 10上的Image PNG？EN