层叠样式表/MHTML 统一资源定位符

MHTML 统一资源定位符参考

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

MHT 源代码 (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--

当使用 MHTML:URIs 为 IE 显示 Base64 图像时，请确保将编码后的图像保存到 .mht 文件中，并在 URL 中引用它，以将数据与样式表和 IE 特定的内容与其他浏览器分开。 使用 URL 查询调用 IE 特定的类

以下是一系列关于使用 MHTML 和服务器端脚本创建跨浏览器 Base64 编码图像数据的文章

• 当您需要在 IE7 及以下版本中使用 Data:URIs 时，请使用 MHTML:URIs

• MHTML 的关键概念

• 何时应该对图像使用 Base64

• 跨浏览器 CSS 中的 Data URIs

• 使用 Object 元素的 Data URIs

• 将 Base64 图像数据嵌入网页

• 优化实时雪碧并转换位图到 MHTML/Data URIs

• Internet Explorer 的 Base64 编码图像

• 从 URL 构建 MHTML 文件

• IE6/7 的 Data URI 示例

• MHTML 测试消息

• MHTML 标准的简要概述