打印

BT1038: 只有 IE 支持 IMG INPUT[type=image] 标记内的 lowsrc 属性

作者:钱宝坤

标准参考

在 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 属性。

参见

知识库

相关问题

测试环境

操作系统版本: Windows 7 Ultimate build 7600
浏览器版本: IE6
IE7
IE8
Firefox 3.6.8
Chrome 7.0.517.0 dev
Safari 5.0.2
Opera 10.62
测试页面: lowsrc.html
本文更新时间: 2010-09-13

关键字

IMG INPUT[type=image] lowsrc src IE 图片