Не работает атрибут заголовка для тега изображения?

Question

Я столкнулся с немного странной проблемой с моим приложением. У меня есть изображение

<img title="New (Alt+N)" alt="New (Alt+N)" src="images/icon_new.gif" tabindex="-1" id="Ax14490_image">

Этот код найден при проверке документа с помощью firebug.

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

Я использую браузер Firefox 4.0

Answer 1

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

Мой макет включал два объекта div, расположенных горизонтально рядом друг с другом. Один слева, а другой справа. Ширина левого div была установлена ​​на 100%, хотя его содержимое не покрывало все это пространство из-за внутреннего заполнения. правый div содержал img, который не вызывал никаких событий мыши (включая атрибут title, не работающий, но onMouseOver и onMouseOut также не работали).

Так что это было из-за z-порядка. События мыши вместо этого обрабатывались объектом div слева, потому что его ширина 100% охватила все окно браузера. Так как левый div имеет атрибут «position», равный «absolute», он может юридически установить его z-значение, и поэтому я установил его z-значение в «-1». Это решило проблему.

Answer 2

Да, у меня тоже работает.

Тем не менее, вот полезное руководство по правильному использованию тегов alt и title:

http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/

Answer 3

Я знаю, что опаздываю на вечеринку, но сегодня все радикально отличается (декабрь 2018 г.) от того, что было при создании этого поста (июнь 2011 г.).

В случае, если у кого-то возникла эта проблема с изображениями, не показывающими всплывающую подсказку атрибута title="", убедитесь, что вы не тестируете в адаптивном режиме.

Атрибут title="", очевидно, не будет работать, потому что Responsive Mode в браузерах, по крайней мере, в Firefox и Chrome, эмулируют устройства с сенсорным экраном, а атрибут title="" работает только с указателем мыши.

Да, я знаю, о чем ты думаешь ...

Answer 4

Слишком поздно ... Но попробуйте это ... Это работает для меня

<img src="images/icon_new.gif" title="New (Alt+N)" tabindex="-1" id="Ax14490_image">

тег src на первом.Спасибо