Html IE6：如何使内联base64映像与IE6一起工作？
如何让IE6显示内联base64编码图像Html IE6：如何使内联base64映像与IE6一起工作？,html,internet-explorer,image,conditional,base64,Html,Internet Explorer,Image,Conditional,Base64,如何让IE6显示内联base64编码图像 <img src="data:image/png;base64,....." /> 这适用于Firefox/Chrome/Safari，但不适用于IE6。是否安装谷歌的Chrome框架 说真的，你不能。IE6不支持base64内联图像。如果这不是为公司设置的，我会说干脆把IE6支持全部放下，如果人们坚持使用这样一个过时的浏览器，就让他们安装。 我认为IE6不支持标记的内嵌数据。但是，您可能需要尝试另一种格式，如GIF或JPG 编辑 考虑
<img src="data:image/png;base64,....." />
这适用于Firefox/Chrome/Safari，但不适用于IE6。是否安装谷歌的Chrome框架
说真的，你不能。IE6不支持base64内联图像。如果这不是为公司设置的，我会说干脆把IE6支持全部放下，如果人们坚持使用这样一个过时的浏览器，就让他们安装。 我认为IE6不支持
考虑到IE花了很长时间才准确地支持PNG（仍有争议），人们可以很容易地推断PNG可能不支持作为
**ORIGINAL**也许更多的研究可能有助于将mhtml://用于内联图像。IE6需要一个表达式来正确解释Base64编码图像。迪安·爱德华兹在这里描述了解决方案：
注意：这是一个非常丑陋的黑客。首先，我们将图像代码放入CSS中；使用此解决方案，您需要将表示数据放在Javascript中，或者将行为数据放在CSS中。讨厌但必要。我的解决方案在IE6上运行顺利。它可能会帮助你
<!--
Content-Type: multipart/related; boundary="=_data-uri"
-->
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#pic {
width:670px;height:710px;
background-image: expression("url(mhtml:" + window.location + "!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>
#图片{
宽度：670px；高度：710px；
背景图像：表达式（“url（mhtml:+window.location+”！locoloco）”；
}
--=\u数据-uri
内容地点：乐科
内容传输编码：base64
IVBORW0KGGOAAAANSUHEUGAAAAAFCAYAAACNBYBLAAAHELEQI12P4//8/W38 GIAXDIBKE0DHXGLJNBAO9TXL0Y4OHWAAAABJRU5ERKJGG==
--=\u数据-uri--
我认为这是一种非侵入性的方式，可以让事情再次运转起来。在IE上已经显示了那些损坏的图像（损坏的图标）之后，它实际上会修复这些图像。base64图像将显示在IE6和IE7中。。。在上一篇文章中，当您在css中使用编码图像时，我找到了一个简单的解决方案 “在同一个类中编写两个属性。使用css浏览器特有的技巧” 我将在下面解释它
<div class="myClass"> </div>
<style>
.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 */
}
</style>
.myClass{
背景=url（“数据：图像/png；base64，IVBORW0KGGOAAAANSUHEUGAAAAKAAAAHCAYAAADAM2DGAABGDBTUEAK/INWWK6QAABL0RVH0U29MDHDHCMUAQWRVYMUGW1HZ2VSZWFKEXHJZWAAAAYSURBHJAYLSDD/4/AwQwQml0PgMTHsn/YIOYCCMECKREFCKTRCXEVIAS46G7WACDACRAA+g90OOjwAAAABJRU5ErkJggg%3D”）；
/*上述属性适用于所有浏览器*/
*background=url（'give real path_to_image'）；
/*这只适用于ie6和ie7*/
}