图像替换

Question

我有一个大的div，网站标题/徽标作为背景图片。使用z-index将包含网站标题的h2标签放在后面是否有任何问题，以便显示用户是否由于某种原因无法获取图像？我知道这与标准[h2元素背景]图像替换不同。 （编辑：对不起，也许我说不清楚 - 我使用div背景图片而不是IMG标签）

Answer 1

您应该使用img标记的alt属性，因此如果由于某种原因未加载图像，则会出现文本。

这正是alt attr存在的原因，。

Answer 2

您可以使用alt属性简单地放置img标记。这样，如果未加载图像，将显示文本。

<img src="" alt="This text will be displayed" />

Answer 3

如果可能的话，我会抛弃div并且只使用带有id的h2并设置背景图像。

如果可以使用其他块级元素，如果它只有背景和文本，我会尽可能地避免过多的div。带背景图像的h *仍然是标题。

Answer 4

Google不喜欢你描述的内容：

http://www.google.com/support/webmasters/bin/answer.py?answer=66353

然而，从纯粹的设计角度来看，没有真正的问题，除了一些臃肿的代码。

您可能希望在尝试进行任何更改之前查看图像失败的频率。

Answer 5

没关系。请注意，许多人认为网站徽标不是你在主页上放入h *标签的东西，而是将它放在h1标签中是有意义的。