Замена изображения - PullRequest
       14

Замена изображения

1 голос
/ 22 сентября 2011

У меня большой div с заголовком / логотипом сайта в качестве фонового изображения.Что-то не так с размещением тега h2, содержащего заголовок сайта, с помощью z-index, чтобы он показывал, если пользователь не может / не получает изображение по какой-то причине?Я знаю, что это отличается от стандартной замены [фон на элементе h2] изображения.(РЕДАКТИРОВАТЬ: Извините, может быть, я не проясняю - я использую фоновое изображение div, а не тег IMG)

Ответы [ 5 ]

3 голосов
/ 22 сентября 2011

Вам следует использовать атрибут alt тега img, поэтому если изображение по какой-либо причине не загружено, появится текст.

Именно поэтому существует alt attr.

2 голосов
/ 22 сентября 2011

Если возможно, я бы отказался от div и просто использовал h2 с идентификатором и установил для него фоновое изображение.

Я делаю это, когда это возможно, чтобы избежать излишних div, когда я могу использовать другие элементы уровня блока, если у него только фон и текст. H * с фоновым изображением по-прежнему является заголовком.

2 голосов
/ 22 сентября 2011

Вы можете просто разместить тег img с атрибутом alt. Таким образом, если изображение не загружено, текст будет отображаться.

<img src="" alt="This text will be displayed" />
1 голос
/ 22 сентября 2011

Google не нравится то, что вы описываете:

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

Тем не менее, с точки зрения чистого дизайна, нет никакой реальной проблемы, за исключением некоторого раздутого кода.

Возможно, вы захотите увидеть, как часто ваши изображения перестают работать, прежде чем пытаться что-либо изменить.

0 голосов
/ 22 сентября 2011

Отлично. Обратите внимание, что многие считают, что логотип сайта на самом деле не является чем-то, что вы можете поместить в тег h *, кроме как на домашней странице, когда имеет смысл поместить его в тег h1.

...