2012-05-18 2 views
3

Я использую asp.net MVC3, и я хочу показать таблицу, содержащую информацию о курсе В том, что у меня есть поле «Информация», которое показывает изображение. Я хочу, чтобы показать всплывающую подсказку при наведении курсора мыши берется на этом изображенииПоказать всплывающую подсказку по изображению в Mvc3

Я показываю изображение Лик это:

<img id="ok" src="../../Images/info.jpg" alt="tooltip"/> 

Я не хочу использовать любой Добавлен плагин

может кто-нибудь помочь я с этим?

ответ

7

Использование title, а также alt в теге Html

<img id="ok" src="../../Images/info.jpg" title="This is your tooltip message"/> 
+0

'alt' и' title' предназначены для разных вещей, OP все равно должен использовать 'alt' для получения альтернативного текста для изображения, если изображение невозможно отобразить. И 'title' предназначен для получения дополнительной информации, которая отображается во всех современных браузерах в виде всплывающей подсказки. – nemesv

+2

Он ищет всплывающую подсказку, название дает всплывающую подсказку, он может использовать оба варианта, если он использует FireFox, который не будет использовать текст alt в качестве подсказки –

+0

@CDSmith Он должен всегда использовать 'alt'. 'alt' не предназначен для подсказок, это свойство доступности. См. Мой ответ. – Curt

4

alt атрибуты на img элементы используются в качестве альтернативного текста в случае изображение не существует. Некоторые браузеры отображают их как подсказки при наведении на изображение, но не стандартно.

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

При использовании изображений вы всегда должны указывать атрибут alt, это лучше всего подходит для доступности (читатели экрана читают текст alt) и не будут иметь XHTML, если у вас нет атрибута.

Смежные вопросы