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