Подсказка к заголовку якоря не отображается в IE9

Question

Что-то изменилось в том, как IE9 обрабатывает атрибут title в теге привязки?Я пытаюсь использовать обычный якорь, такой как -

<a href="http://www.somelink.com" title="Some title here">This is a link</a>

Должна появиться всплывающая подсказка с заголовком, и она появляется в предыдущих версиях IE, а также в других браузерах, но не наIE9.Есть ли известная проблема с этим?Я пытался найти это в Интернете, но ничего не нашел по этому поводу.Есть идеи?Спасибо

Answer 1

Я сталкивался с этой проблемой в нескольких приложениях, над которыми работал.

Я обнаружил, что это не работает, если у вас есть вложенные элементы в элементе с заголовком.

Приведенный ниже пример не отображает его название в IE9 для меня:

<a href="test.html" title="test tooltip"><span>test link</span></a>

Однако этот пример работает:

<a href="test.html" title="test tooltip">test link</a>

То есть для переходного типа документа XHTML 1.0 и режима браузера: IE9 и режима документа: стандарты IE9.

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

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

a span {
    display: inline-block;
}

Answer 2

Код для ссылки выше, отлично работает в IE9.Что заставляет меня верить, что что-то еще на странице вызывает проблему.Вы пытались проверить ваш HTML?http://validator.w3.org/

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

Answer 3

Я нашел хороший обходной путь, поместите ваш заголовок в тег abbr. Я проверял это в Safari, Chrome, IE9 и Firefox. Это работает во всех из них.

Answer 4

У меня был типичный сценарий, в котором мы должны были показать изображение с подсказкой.Изображение находилось внутри Iframe, и подсказки не отображались при открытии в браузере с режимом сравнения IE 10.

Тег alt помог мне.Решением было установить тег alt для изображений.

<A onclick=navigate() title="Did not work" href="javascript:void(0);" height="" width="">
  <IMG alt="This worked" src="http://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/icons/imageviewer_back_button.gif">
</A>

Answer 5

Обходной путь - поместить хотя бы один символ вне внутренних тегов:

<a href="#" title="Tooltip"><font color="blue">This does not work</font></a>
<a href="#" title="Tooltip"><font color="blue">This</font> <font color="blue">does work</font></a>