作者：钱宝坤

标准参考

在 HTML 4.01 规范定义中，IMG 标记和 INPUT 标记内并没有 lowsrc 属性存在。

IMG 标记属性可参考 HTML 4.01 规范 ： http://www.w3.org/TR/html401/struct/objects.html#h-13.2

INPUT 标记属性可参考 HTML 4.01 规范 ： http://www.w3.org/TR/html401/interact/forms.html#h-17.4

问题描述

lowsrc 属性是 IE 浏览器的私有扩展，用来在 src 属性内图片尚未加载完成之前使用指定的小尺寸图片暂时替代显示，他可以使用在 IMG 和 INPUT[type=image] 这两个标记中。使用这个属性来显示图片，其他浏览器将不识别；或者在试图为 IMG 和 INPUT[type=image] 标记自定义 HTML 属性时，误用 lowsrc 属性，这将导致 IE 中可以显示图片。

造成的影响

非 IE 浏览器均不识别 lowsrc 这个私有属性，使用他会造成无法按预期显示图片，由此可能会导致页面布局局部出现错乱。

受影响的浏览器

IE

问题分析

lowsrc 属性是 IE 浏览器的扩展属性，具体定义说明可以参考 MSDN： http://msdn.microsoft.com/en-us/library/ms534138(VS.85).aspx

他对 IMG 和 INPUT[type=image] 标记有效，可以使用如下代码来证实：

<h2>IMG lowsrc : <img lowsrc="logo_2.png"></h2> <h2>INPUT[type=image] lowsrc :
                <input type="image" lowsrc="logo_2.png" /></h2>

运行结果汇总如下：

IE	Firefox Safari Chrome Opera
正常显示图片	无法显示图片

由表清晰可见， lowsrc 属性在非 IE 浏览器内不被识别。

解决方案

如无特殊应用需求，应避免使用 lowsrc 属性。

参见

知识库

• ...

相关问题

• ...