我需要创建一个包含所有图像和 CSS 的页面，所以它只有一个文件。
我知道有类似 MHT（IE 网络档案）的东西，但是有问题。它仅适用于 IE 和 Opera，不适用于 FF。我需要我的页面在所有 IE (6+)、Opera 和 FF 中工作。我知道有一种方法可以在 base64 中对我的图像进行编码，而且我也知道 IE 6 和 7 不支持数据 URL。我见过Dean Edward 的 IE 6 和 7 技巧，但它只适用于 PHP 支持。而且我不能使用 PHP，所以这对我不起作用。
那么，有没有办法创建这种页面呢？请不要给我诸如“今天谁在使用 IE6”或“安装 chrome frame”之类的答案。我知道这一切，但我需要它以这种方式工作。
感谢你的回答！
没有跨浏览器的方式将所有资源集成到一个 HTML 文件中。
您最好的选择可能是为 IE 提供一个 .MHT 文件，data:为 Firefox 等提供一个带有 URI 的文件。
在某些情况下，一个可行的折衷方案可能是提供一个包含所有资源的 ZIP 文件，并使用相对 URL 进行引用。用户只需解压，就可以在本地查看。
我只能想到一种适用于所有浏览器的解决方案，那就是从 html 元素构建图像，但这样做（按像素或其他策略）将是一项非常艰巨的工作。也许 jQuery 能帮上一点忙。这也可能会减慢 IE6 的速度（甚至比正常速度还要慢......）
示例：http: //jsfiddle.net/huSq3/1/
我知道这不是一个解决方案，但我不得不提一下。现在我在想，也许你可以结合这个用于 IE 的 javascript 库使用 canvas 标签，并通过 javascript 将图像绘制到该库中。
也许您可以使用 html 条件注释来决定在 MHT、数据 url 或任何其他部分支持的解决方案之间使用哪种解决方案......
如果您对图像标签中的 base 64 字符串没问题，那么只需对其进行硬编码，那么您就不需要 php