Есть ли решение для добавления атрибута title к изображению, которое отображается в качестве фонового изображения для тега div. Текущий код, какЧтобы предоставить атрибут title для фонового изображения внутри тега div
<div style="background:transparent url(image/smiley.jpg) left bottom; cursor:pointer;">
Я хотел бы добавить заголовок атрибута «смайлик» на фоне изображения smiley.jpg
Вы можете поставить атрибут на divtitle. Так как background-image повторяет по умолчанию, он заполняет div.
<div title="Smiley" style="background:transparent url(image/smiley.jpg) left bottom; cursor:pointer;">
Но предположим на минуту, что образ был установлен в no-repeat и было меньше, чем сам div. В этом случае вы не могли (без JavaScript) отображать всплывающую подсказку только тогда, когда курсор находится над background-image.
Я бы порекомендовал добавить ваш текст в текст в div, а затем установить текст-отступ к отрицательному значению, например -9999px. Таким образом, Google может прочитать копию, но текст перемещается со страницы при просмотре в браузере.
Это вариант [Fahrner Image Replacement] (http://en.wikipedia.org/wiki/Fahrner_Image_Replacement), и каждая версия имеет нижнюю сторону. – ThatMatthew
Важным моментом здесь является то, что атрибуты могут быть только на элементах, из которых декларации стиля не являются частью. – rockerest
Спасибо, но могу ли добавить атрибут alt тоже, как это @Kevin –
@MasterWingChun Не знаю, работает ли это, но это недействительный код. Атрибут 'alt' указан для связанных с изображениями тегов, таких как' img' и 'area'. –