blocks|key|1891615|text|我的解决方案在IE6上运行得很流畅。它可能会对你有帮助！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1891616|
<!DOCTYPE+html>
<html>
<head>
<style+type="text/css">
#pic+{
width:670px;height:710px;
background-image:+expression("url(mhtml:"+%2B+window.location+%2B+"!locoloco)");
}
</style>
</head>
<body>+

<div+id="pic"+></div>
<div+id=test+style="display:+none;">

--=_data-uri
Content-Location:locoloco
Content-Transfer-Encoding:base64

iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8++/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==
--=_data-uri--

</div>
</body>
</html>|code-block|syntax|javascript|1891617|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>My solution run smoothly on IE6. It may help you!</p>

<pre><code>&lt;!--
Content-Type: multipart/related; boundary="=_data-uri"
--&gt;
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style type="text/css"&gt;
#pic {
width:670px;height:710px;
background-image: expression("url(mhtml:" + window.location + "!locoloco)");
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt; 

&lt;div id="pic" &gt;&lt;/div&gt;
&lt;div id=test style="display: none;"&gt;

--=_data-uri
Content-Location:locoloco
Content-Transfer-Encoding:base64

iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8  /w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==
--=_data-uri--

&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


blocks|key|1896206|text|安装谷歌的Chrome框架？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1896207|说真的，你不能。IE6不支持base64内联图像。|1896208|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

<p>Install Google's Chrome Frame?</p>

<p>Seriously, you can't.  IE6 does not have support for base64 inline images.</p>


blocks|key|4666506|text|IE6需要一个表达式来正确解释base64编码的图像。Dean+Edwards在这里描述了解决方案：http://dean.edwards.name/weblog/2005/06/base64-sexy/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|4666507|注意:这是一个非常丑陋的黑客攻击。首先，我们将图像代码放在CSS中；使用此解决方案，您需要将表示数据放在Javascript中，或将行为数据放在CSS中。虽然令人讨厌，但却是必要的。|4666508|entityMap|0|LINK|mutability|MUTABLE|url|http://dean.edwards.name/weblog/2005/06/base64-sexy/^0|1E|1G|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<p>IE6 needs an expression to correctly interpret base 64 encoded images. Dean Edwards describes the solution here: <a href="http://dean.edwards.name/weblog/2005/06/base64-sexy/" rel="nofollow">http://dean.edwards.name/weblog/2005/06/base64-sexy/</a></p>

<p>Note: this is a very ugly hack. In the first place we were putting image code in our CSS; with this solution you need to either put presentational data in Javascript, or behavioural data in your CSS. Nasty but necessary.</p>


blocks|key|2549616|text|IE6和IE7中出现了base64图像...在最后，我找到了一个简单的解决方案，当你在css中使用编码的图像时。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2549617|“在同一个类中编写两个属性。使用css浏览器特定的技巧”|offset|length|style|BOLD|2549618|我将在下面解释它。|2549619|+++<div+class="myClass">++++</div>
++++<style>
++++++++++++.myClass{
++++++++++++++++++++background=url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAySURBVHjaYlSdd/4/AwQwQml0PgMTHsn/yIoYCCmEKcKrEFkRTrcxEVIAs46g7wACDACraA%2Bg90OOjwAAAABJRU5ErkJggg%253D%253D');+
++++/*+Above+property+will+work+for+all+browsers*/

++++++++++++++++++++*background=url('give+real+path_to_image');+
/*+This+will+work+only+for+ie6+and+ie7+*/
++++++++++++++++++++}
++++++++</style>|code-block|syntax|javascript|2549620|entityMap^0|0|0|S|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|V|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>base64 images are showing up in IE6 and IE7... in the last i found a simple solution when you are using a encoded images in css.</p>

<p><strong>"write two attributes in a same class. Use css browser specific hacks"</strong> </p>

<p>I am going to explain it below.</p>

<pre><code>   &lt;div class="myClass"&gt;    &lt;/div&gt;
    &lt;style&gt;
            .myClass{
                    background=url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAySURBVHjaYlSdd/4/AwQwQml0PgMTHsn/yIoYCCmEKcKrEFkRTrcxEVIAs46g7wACDACraA+g90OOjwAAAABJRU5ErkJggg%3D%3D'); 
    /* Above property will work for all browsers*/

                    *background=url('give real path_to_image'); 
/* This will work only for ie6 and ie7 */
                    }
        &lt;/style&gt;
</code></pre>


blocks|key|6080017|text|如果不是在公司环境下，我会说完全放弃对IE6的支持，如果人们坚持使用这样一个过时的浏览器，就让他们安装Chrome+Frame。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|6080018|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/chrome/chromeframe/^0|1F|C|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]]]]

<p>If this isn't for a corporate setting, I'd say just drop IE6 support all together, and have people install <a href="http://code.google.com/chrome/chromeframe/" rel="nofollow noreferrer">Chrome Frame</a> if they insist on using such an outdated browser.</p>


blocks|key|6080071|text|至少你可以在CSS中使用base64。请看：http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|6080072|也许更多的研究也可能对使用mhtml://内联图像有所帮助。|6080073|entityMap|0|LINK|mutability|MUTABLE|url|http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/^0|M|1X|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

<p>You can use base64 in CSS, at least.
Please take a look: <a href="http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/" rel="nofollow noreferrer">http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/</a></p>

<p>Perhaps more research could possible help using mhtml:// for inline images, too.</p>


blocks|key|1896286|text|这可能是让Base64图像再次出现在IE6中的一个快速解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1896287|Base64+image+fix+for+Internet+Explorer|offset|length|1896288|*对于断开的链接，很抱歉，现在是正确的链接！|1896289|我认为这是一种让事情再次正常工作的非侵入性方式。它实际修复图像后，你有那些破碎的图像(破碎的图标)已经显示在IE上。|1896290|entityMap|0|LINK|mutability|MUTABLE|url|http://ehealth-aussie.blogspot.com.au/2011/05/base64-image-fix-for-internet-explorer.html^0|0|0|12|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|X|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]]]

<p>This could be a quick fix to make Base64 images showing up in IE6 again:</p>

<p><a href="http://ehealth-aussie.blogspot.com.au/2011/05/base64-image-fix-for-internet-explorer.html" rel="nofollow">Base64 image fix for Internet Explorer</a></p>

<p>*Sorry for the broken link, now comes the correct one!</p>

<p>I think this is a non-intrusive way to make things working again. It actually repair the images after you have those broken images (broken icon) already displayed on IE.</p>


blocks|key|2549504|text|原始|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2549505|我不相信IE6支持<img/>标记的内联数据。但是，您可能希望尝试另一种格式，如GIF或JPG。|CODE|2549506|编辑考虑到IE花了很长时间才准确地支持PNG+(仍然有争议)，人们可以很容易地推断出PNG可能不被支持作为<img/>标签的内联数据格式。话虽如此，goto+**ORIGINAL**|2549507|entityMap^0|0|2|0|9|6|0|0|2|1H|6|27|C|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|P|8|@$9|Q|A|R|B|H]]|D|@]|E|$]]|$1|I|3|J|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|H]|$9|X|A|Y|B|H]]|D|@]|E|$]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$]]

<p><strong>ORGINAL</strong></p>

<p>I do not believe IE6 supports in-line data for the <code>&lt;img/&gt;</code> tag. However, you might want to try another format like GIF or JPG.</p>

<p><strong>EDIT</strong>
Given the fact that it took IE forever to accurately support PNG (still debatable) one could easily deduce that PNG might not be supported as an in-line data format for <code>&lt;img/&gt;</code> tags. With that said, goto <code>**ORIGINAL**</code></p>


<p>How do I get IE6 to display inline base64 encoded images?</p>

<pre><code>&lt;img src="data:image/png;base64,....." /&gt;
</code></pre>

<p>This works in Firefox/Chrome/Safari but not IE6.</p>


IE6: How to get inline base64 images to work with IE6?

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

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

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

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

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

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

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

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

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

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

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

如何让IE6显示内联base64编码的图像？<img src="data:image/png;base64,....." />这在火狐/Chrome/Safari中有效，但在IE6中不起作用。

问IE6:如何让内联base64图像与IE6协同工作？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE6:如何让内联base64图像与IE6协同工作？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问IE6:如何让内联base64图像与IE6协同工作？
EN