Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

How do I get IE6 to display inline base64 encoded images?

<img src="data:image/png;base64,....." />

This works in Firefox/Chrome/Safari but not IE6.

like image 977
Jacob Avatar asked Oct 15 '09 21:10

Jacob


2 Answers

My solution run smoothly on IE6. It may help you!

<!--
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>
like image 148
presario1216 Avatar answered Nov 05 '22 19:11

presario1216


Install Google's Chrome Frame?

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

like image 42
Cullen Walsh Avatar answered Nov 05 '22 19:11

Cullen Walsh