如何在chrome中显示图片的替代文字
具有无效来源的图像在Firefox中显示替代文本，但不会显示在Chrome中，除非调整图像的宽度。
<img height="90" width="90" src="http://www.google.com/intl/en_ALLhttp://img.dovov.comlogos/images_logo_lg.gif" alt="Image Not Found"/> 如何显示图像的替代文字？
如果我是正确的，这是一个webkit的bug（根据这个 ）。 我不确定你能做什么，对于弱的答案抱歉。
然而，有一个可以使用的工作。 如果你添加title属性到你的图像（例如title="Image Not Found" ），它会工作。
您可以使用title属性。
<img height="90" width="90" src="http://www.google.com/intl/en_ALLhttp://img.dovov.comlogos/images_logo_lg.gif" alt="Google Images" title="Google Images" />
是的，这是在WebKit的一个问题，也报告在铬： 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");
使用title属性而不是alt
<img height="90" width="90" src="http://www.google.com/intl/en_ALLhttp://img.dovov.comlogos/images_logo_lg12.gif" title="Image Not Found" />
这里是jQuery的一个简单的解决方法。 您可以将其作为用户脚本实施，以将其应用到您查看的每个页面。
$(function () { $('img').live('mouseover', function () { var img = $(this); // cache query if (img.title) { return; } img.attr('title', img.attr('alt')); }); });
我也实现了这个名为alt的Chrome扩展。 因为它使用了 我已经停用了此扩展程序，并将其从Chrome商店中删除。 jQuery.live ，所以它也适用于dynamic加载的内容。
各种浏览器（错误）以各种方式处理这个问题。 使用标题（旧的IE标准）并不特别合适，因为title属性是鼠标hover效果。 上面的jQuery解决scheme（Alexis）似乎是正确的，但我不认为这个“错误”发生在可能被捕获的地方。 我已经取得了成功，在自己的src取代，然后捕获错误：
$('img').each(function() { $(this).error(function() { $(this).replaceWith(this.alt); }).attr('src',$(this).prop('src')); });
这与Alexis的贡献一样，有利于消除丢失的img图像。
将鼠标hover在图像上时，Internet Explorer 7（及更早版本）会将alt属性的值显示为工具提示。 根据HTML规范，这不是正确的行为。 应该使用title属性来代替。 资料来源： http ： //www.w3schools.com/tags/att_img_alt.asp
我用这个，它适用于PHP …
<span><?php if (file_exists("image/".$data['img_name'])) { ?> <img src="image/<?php echo $data['img_name']; ?>" width="100" height="100"> <?php }else{ echo "Image Not Found"; }>? </span>
从本质上来说，代码是在检查文件 。 $datavariables将与我们的数组一起使用，然后实际进行所需的更改。 如果没有find，它会抛出一个exception。
