嵌入嵌入在IE7 +的HTML页面内的图像

时间:2010-06-23 14:01:38

标签: html image internet-explorer-7 inline

有没有办法在IE7中嵌入HTML页面*内联*中的图像?

我无法使用外部资源,因为特定的服务器配置(它是维护模式下的Web调度程序,将所有请求重定向到单个.html页面)。

因此我无法承担使用以下内容的经典嵌入:

<html>
 <img src="mypic.jpg" />
</html>

在寻找解决方案时,我发现了这些:

  • 在XHTML文件中使用内联SVG #=&gt;在我的情况下,我不能使用XHTML扩展名页面具有.html扩展名(我无法更改)
  • 使用base64编码 #=&gt;它适用于Firefox&amp; Chrome,但不是IE7

这些似乎都不适用于我的配置。

我越追求的越少,我希望。有什么想法吗?

3 个答案:

答案 0 :(得分:2)

据我所知,对于当前版本的Internet Explorer,HTML文档中嵌入图像的唯一选择是VML(Internet Explorer以外的任何其他版本都不支持)。

您可以使用Raphaël之类的东西将VML或SVG抽象为单个JS脚本(但这会增加对JavaScript的依赖)。

最简单的选择可能是在外部URI上引用正常图像...在另一台服务器上。

答案 1 :(得分:0)

对于svg解决方案,您的页面不需要以.xhtml结尾。实际上,它可以以您的Web服务器处理的任何扩展名结束。

xhtml中的页面由其doctype定义定义。将xhtml 1.0(严格或过渡)的doctype定义或更好的xhtml1.1和嵌入svg放在页面中。

作为替代解决方案,您可以尝试使用.html扩展名直接输出图像,保留其原始mime(例如image / jpeg),但我不确定它是否可行。

答案 2 :(得分:0)

您可以重定向到单个图片并将文字放在图片上,而不是重定向到单个.html页面。这有明显的缺点,但图像有多重要?

您对base 64编码的含义是什么?