Cascading Style Sheets/MHTML URIs

From Wikibooks, open books for an open world
Jump to: navigation, search

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: