使用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
投稿猜你喜欢
本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理。以下文章来源于早起Python ，作者投- 正则表达式是Python程序设计中非常实用的功能，本文就常用的正则表达式做一汇总，供大家参考之用。具体如下：一、字符串替换1.替换所有匹配的
- 从BbsXp提出来的生肖函数Zodiac(birthday)。使用方法：birthday为把要判断的出生时间，如2008-3-24 20:0
- oracle mysql 中的“不等于“ ＜＞ != ^= is notoracleoracle中的
- # -*- coding: utf-8 -*-# @Author: CriseLYJ# @Date: 2020-08-14 12
- 前两篇讲述了Django的理论，从这篇开始，我们真正进入Django实战部分，今天先从用户认证开始。当大家平时打开一个网站时，第一步一般做什
- 网页颜色变黑白代码国务院决定，为表达全国各族人民对青海玉树地震遇难同胞的深切哀悼，2010年4月21日举行全国哀悼活动，全国和驻外使领馆下半
- Python中类似于PHP的数组的结构有list,tuple，dict和set， 其中list, tuple和set的类似于PHP的索引数组
- 引言对MySQL数据库的查询，除了基本的查询外，有时候需要对查询的结果集进行处理。例如只取10条数据、对查询结果进行排序或分组等等。一、常用
- 前言Go 并没有提供删除切片元素专用的语法或函数，需要使用切片本身的特性来删除元素。删除切片指定元素一般有如下几种方法，本文以 []int
- 引言您可以使用df.loc()函数在Pandas DataFrame的末尾添加一行：#add row to end of DataFrame
- 常用方法浅拷贝copya = {"ilpy1": {"company": "aaa&quo
- 序篇天气真的很热啊… 很想有一杯冰冰凉凉的奶茶来解渴~但是现在奶茶店这么多， 到底哪一家最好喝、性价比最高呢？数据获取
- 一、图像直方图1.1 定义图像直方图是图像的基本属性之一，也是反映图像像素数据分布的统计学特征，其横坐标代表了图像像素点在[0,255]范围
- Vue服务器部署刷新页面404问题描述在上线vue开发的前端网页部署在服务器上后，刷新页面显示404原因因为网页上显示的是静态绝对路径而实际
- 希望在自己的机器模拟一下公司中微服务的构建，使用docker部署了mysql实例，使用spring boot进行了CRUD（增删改查）操作进
- 什么是Selenium先带领大家学习下Selenium的基本概念吧。Selenium主要用于web应用程序的自动化测试，但并不局限于此，它还
- 在pandas中创建category类型数据的几种方法之详细攻略 T1、直接创建 category类型数据可知，在category
- 工作时常遇到需要在其它地方拷贝样式，比如Firebug之类的，但是复制出来的样式是带有换行和空格的，对于我这种有点洁癖的人来说，经常会一个个
- 在学习 Python 类的时候，会碰见类中有 __init__() 这样一个函数，其实它就是 Python 的构造方法。构造方法类似于类似
