как я могу отображать всплывающую подсказку или информацию об элементе при наведении курсора мыши?

Я показываю 5 userImage на одном экране. Я хочу отображать userID и email на mouseover в этих userImage. Я использовал свойство alt управления изображением, но оно не работает в Mozila, Chrome и некоторых версиях IE. Итак, каковы другие лучшие способы отображения информации при наведении курсора мыши?


person nectar    schedule 07.06.2010    source источник


Ответы (3)


Используйте атрибут title, а alt важен для SEO.

person Sarfraz    schedule 07.06.2010
comment
Ваша заглавная ссылка не может быть использована в этой задаче. - person Svisstack; 07.06.2010
comment
Основное значение ALT заключается в доступности для людей с нарушениями зрения. - person ; 07.06.2010
comment
@ Супер, на самом деле это важно, взгляните на: seoworkers.com /seo-articles-tutorials/alt-attribute.html - person Sarfraz; 07.06.2010
comment
@sarfraz работает ли title в мозиле, хроме и во всех версиях? - person nectar; 07.06.2010
comment
@nectar: ​​да, это тоже работает, но вы должны беспокоиться о том, что браузеры сейчас используются массами. - person Sarfraz; 07.06.2010
comment
но он отображает всю информацию только в одной строке, что если - ‹img src=myimage.jpg alt=a cat title=Мой кот ‹br› сидел на столе /› - person nectar; 07.06.2010
comment
@nectar: ​​Вот как это будет отображаться, вы не можете это контролировать или разделить, иначе вам придется использовать какую-то другую причудливую подсказку, которую вы можете найти в Google. - person Sarfraz; 07.06.2010

Самый простой способ получить всплывающие подсказки в большинстве браузеров — установить некоторый текст в атрибуте title.

eg.

<img src="myimage.jpg" alt="a cat" title="My cat sat on a table" />

выдает (наведите курсор мыши на изображение):

http://www.imagechicken.com/uploads/1275939952008633500.jpg

Атрибуты заголовка можно применять к большинству элементов HTML.

person adrianbanks    schedule 07.06.2010
comment
но он отображает всю информацию только в одной строке, что если - ‹img src=myimage.jpg alt=a cat title=Мой кот ‹br› сидел на столе /› - person nectar; 07.06.2010
comment
@nectar: ​​вы не можете вставлять разрывы строк, используя этот метод - вы должны предоставить браузеру возможность вставлять разрывы строк там, где он считает наиболее подходящим. - person adrianbanks; 07.06.2010

Атрибут title работает с большинством тегов HTML и широко поддерживается современными браузерами.

person Asaph    schedule 07.06.2010
comment
но он отображает всю информацию только в одной строке, что если - ‹img src=myimage.jpg alt=a cat title=Мой кот ‹br› сидел на столе /› - person nectar; 07.06.2010