如何在chrome中显示图像的替代文字

Question

除非调整图像的宽度,否则包含无效源的图像会在Firefox中显示替代文本,但不会显示在chrome中.

  <img height="90" width="90"
    src="http://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif"
    alt="Image Not Found"/>

如何显示图像的替代文字？

Answer 1

如果我是对的,这是webkit中的一个错误(根据这个).我不确定你能做多少,对不起的答案很抱歉.

但是,您可以使用一种工作方式.如果您将title属性添加到图像(例如title="Image Not Found")它将起作用.

Answer 2

您可以使用该title属性.

<img height="90" width="90"
src="http://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif"
alt="Google Images" title="Google Images" />

Answer 3

是的，这是 webkit 中的一个问题，也在 chromium 中报告：http://code.google.com/p/chromium/issues/detail ?id=773 自 2008 年以来就存在......但仍未修复！

我正在使用 javacsript 和 jQuery 来解决这个问题。

function showAlt(){$(this).replaceWith(this.alt)};
function addShowAlt(selector){$(selector).error(showAlt).attr("src", $(selector).src)};
addShowAlt("img");

如果您只想要一张图片：

addShowAlt("#myImgID");