使用MHTML 解决 data URI scheme 的浏览器兼容问题
作者：张经纬 来源：张经纬的博客 发布时间：2009-05-11 12:30:00
当你要使用data URI scheme的时候，你会发现，虽然他可以使用在绝大多数浏览器上，但无法再IE6和IE7上工作。不过值得庆幸的这一篇文章给我们带来了解决办法：http://webo.in/articles/habrahabr/46-cross-browser-data-url/
什么是MHTML？
单个文件网页可将网站的所有元素（包括文本和图形）都保存到单个文件中。这种封装使您可将整个网站发布为单个内嵌 MIME （MIME：通过 Internet 连接传递多媒体资源的一列标准。MIME 类型通知程序对象所包含的内容（如图形、声音或视频)的聚合HTML文档(MHTML)文件，或将整个网站作为一个电子邮件或附件发送。
Internet Explorer 4.0及更高版本支持此格式。
使用MHTML支持dat URI scheme的例子
/*
Content-Type: multipart/related; boundary="_ANY_STRING_WILL_DO_AS_A_SEPARATOR"
--_ANY_STRING_WILL_DO_AS_A_SEPARATOR
Content-Location:the9
Content-Transfer-Encoding:base64
/9j/4AA....+b0//2Q== (这里是base64编码)
*/
#the9{
background-image: url("data:image/png;base64/9j/4AA....+b0//2Q=="); /* normal */
*background-image: url(mhtml:http://www.zhangjingwei.com/demo/scheme/style.css!the9);
width:300px;
height:300px;
color:#F00;
font-weight:900;
}
0
投稿猜你喜欢
- ancestor：祖先adjacent：相邻algorithm：运算法则anonymous box：无名盒子。例： anonymous in
- 原作者：Jason MannInternet Magazine showed that people do not read on the
- 如何正确理解MIME类型？mime联系介绍。序号内容类型文件扩展名描述1application/msworddocMicrosoft Wor
- 随滚动条移动的DIV层js代码，无论你的滚动条到哪里这个DIV层就跟到哪里！代码中例举了五个方向的滚动div层例子：包括左上方的div，左下
- 概要：Oracle关系数据库系统以其卓越的性能获得了广泛的应用，而保证数据库的安全性是数据库管理工作的重要内容。本文是笔者在总结Oracle
- 本人最近在当当网上购买了一本关于用户体验的书，在此把最实在的内容整理下发给大家分享下。第一步：表现层视觉设计，也就是我们说的网页设计师做的工
- 现在网页的设计都讲究整体统一风格，无论是网页的文字、图像，还是浏览器的滚动条都要求颜色和风
- 设计是一个输入-输出的过程，因为首先有用户的需求，客户的项目才有设计的产生，设计是带有目的性和市场行为的，当然也有一部分的创造性设计，仅仅为
今年4月，我在宿舍憋出一个拖拽翻页效果原本是为自己的博客网站设计的，周二产生的灵感，周三周四逃课两天算坐标，周五回家，到傍晚才算写出了第一版- 链接的 target 属性怎么用 JS 来控制？ 在HTML 4.0 Strict和XHTML 1.0 STRICT里不允许在<a&g
- 小的本身是一个平面设计人员，前一阵儿有一些空闲的时间，便在各个站长网上发布了贴子，大意是免费制作logo，以换取网站连接(相信很多人都看过)
- 长期以来一直以为iframe跟div一样都是块级元素，直到今天在一个群中看到一位朋友问到iframe怎么居中的时候，测试了下发现原来我一直对
- JavaScript 循环中，i++ 与 i– 那个比较快？相信有不少朋友看过相关的讨论文章，比如这篇。文章解释了开启优化选项后，i– 的
- 由于现在在公司负责制作标准的静态页面，为了增强客户体验，所以经常要做些AJAX效果，也学你也和我一样在，学习AJAX。而设计AJAX时使用的
- 我想从文件读数据的话，要比直接从数据库快一些吧（个人观点），昨天测试了读出6000条新闻，读数据库用了23579毫秒，读文件只用了123毫秒
- 内容摘要：本文介绍了使用SQL语句修改数据记录的两种方法，一是使用rs.update，二是使用conn.Execute(sql)，相信对初学
- 1.函数array() 功能:创建一个数组变量 格式:array(list) 参数:list为数组变量中的每个数值列,中间用逗号间隔 例子:
- 继团队的CSS3.0中文手册在国内首发以后，最近风风火火的到处吹起HTML5.0和CSS3.0的春风；似乎在这浏览器互相调侃的年代，成就了一
- 提到sa弱口令，我们首先就会想到，许多数据库都有1个类似的超级管理员账号，比如：Oracle是"system"和&quo
- 到现在为止，你只学习了如何根据特定的条件从表中取出一条或多条记录。但是，假如你想对一个表中的记录进行数据统计。例如，如果你想统计存储在表中的
