Cascading Style Sheets/MHTML URIs

MHTML URL Reference

#abcxyz_logo { 
background-image: url(mhtml:http://www.abcxyz.com/css/uris.mht!abcxyz_logo); 
}

MHT Source(uris.mht)

Content-Type: Multipart/related; boundary="_URI_DELIMITER"; type="text/html"
 
--_URI_DELIMITER
Content-Location:abcxyz_logo
Content-Type:/image/gif
Content-Transfer-Encoding:base64
 
mylogoissocoolyourlogoisforfoolsschooltoolrulegruelpoolsocruel...
--_URI_DELIMITER--

When using MHTML:URIs to display Base64 images for IE, make sure to save the encoded images in a .mht file and reference it in the URL to separate the data from the stylesheet and IE specific content from other browsers. Use a URL query to call the IE specific classes

Here's a series of articles on using MHTML and server-side scripting to create cross-browser Base64 encoded image data:

• Use MHTML:URIs when you need Data:URIs in IE7 and under

• Key Concepts of MHTML

• When you should use Base64 for images

• Data URIs in CSS Cross-browser

• Data URIs using the Object Element

• Embedding Base64 Image Data into a Webpage

• Aptimize for Realtime Spriting and converting bitmaps to MHTML/Data URIs

• Base64 Encoded Images for Internet Explorer

• Building MHTML Files from URLs

• Data URI Examples for IE6/7

• MHTML Test Messages

• Short Summary of the MHTML Standard