是否可以仅对图像的替代文本进行样式设置？

Question

基本上我想要这样的东西， <img src="doesntexist.png alt="Image does <b>Not</b> exist" /> 。

编辑感谢您提供的信息，但是我希望在没有JavaScript的情况下完成此任务。

Answer 1

传统HTML无法满足您的要求。

alt属性在一组标签（即img，area以及可选的输入和applet）中定义，以允许您为对象提供等效的文本。

http://www.w3.org/QA/Tips/altAttribute

Alt属性用于在图像不可用，浏览器不显示或用户看不到图像时显示图像的文本描述。 一些用户可能是盲人，色盲或低视力的人。 在这种情况下，alt属性用于通过描述图像的意图来帮助用户。

您可能需要研究类似工具提示的内容。 使用工具提示，您可以自定义样式以及样式对最终用户的显示方式。 有很多人在那里。 一个示例是jQuery的工具提示： http : //jqueryui.com/tooltip/#custom-style

Answer 2

抱歉不行。 但是，可以将其复制以允许使用Javascript进行标记。

function altContent(img) {
    var alt = document.createElement('div');

    alt.innerHTML = img.getAttribute('alt');

    img.parentNode.replaceChild(alt, img);
}

然后只需将onerror属性添加到图像，就像这样。

<img src="doesntexist.png alt="Image does <b>Not</b> exist" onerror="altContent(this)" />

JSFiddle示例

清洁剂