img标签中的alt属性在IE6/7/8中的兼容问题

Posted 2020-07-03

W3C html 4.01 规范规定，alt 属性指定了在 User Agents 不能显示图片、表单和 applets 的时候显示的替换文字。alt 属性在 IE6 IE7 IE8(Q) 下具有双重意义。在给 IMG、AREA、INPUT[type=image] 元素设置的 alt 属性值不但可以作为该元素的替代文字，在该元素没有指定 title 属性时，还可以作为提示信息（tooltip）被显示出来。若用户需要显示提示框，并且仅指定了 alt 属性，则在 IE8(S) 及其它浏览器中将无法显示提示框；若用户不需要显示提示框，并且指定了 alt 属性，则在 IE6 IE7 IE8(Q) 中仍然会显示提示框。

其实，这是IE6 IE7 IE8(Q) 对 alt 属性的理解有误，这些浏览器混淆了此属性与 title 属性。 在没有设置 title 属性的情况下，鼠标放在设置了 alt 属性的 IMG AREA INPUT[type=image] 元素上时仍会弹出提示框（tooltip）。

解决的方法：

• 若用户需要显示提示框，则指定 title 属性；
• 若用户不需要显示提示框，则指定 title=""。