IE9中未显示锚标题的工具提示

Question

在IE9中，处理锚标签的title属性的方式是否有所改变？ 我尝试使用普通的锚标签，如 -

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

期望标题出现时，工具提示应该随之出现。在先前版本的IE和其他浏览器中，它确实会出现，但在IE9上却不会出现。这是否是已知问题？我尝试在网络上搜索了一下，但没有找到任何相关信息。有什么想法吗？谢谢。

- Maor Barazany

---

我无法复制您的问题。假设标签是页面的主要内容，在IE9中，工具提示正常显示。 - tw16

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 Transitional doctype，并且浏览器模式为 IE9，文档模式为 IE9 Standards。

显然，您的示例没有嵌套元素，但我认为这可能与一些人基于标题找到此帖子有关。

您可以通过将嵌套元素指定为 inline-block 来克服 IE 中的此限制：

a span {
    display: inline-block;
}

- Chris Spittles

---

更相关的答案在这里：https://dev59.com/xmrWa4cB1Zd3GeqP_oCz - Arjun

正如文本所述，这并不适用于问题中的代码，因此它不是一个答案（对所提出的问题）。 - Jukka K. Korpela

Answer 2

上面的href链接代码在IE9中运行良好，这让我相信页面上的其他内容可能导致了问题。您是否尝试过验证html？可能有其他破损的内容被其他浏览器忽略了，或者它们嵌套的方式导致IE9忽略了该标签。 http://validator.w3.org/

- jamierushad

---

我已经尝试验证页面，有8个错误，但在页面的其他地方，并且与锚点无关。这是一个长标签云的页面（约500个标签，每个标签都是一个链接）。您可以查看页面，它是用希伯来语编写的，但无论如何，您可以将鼠标悬停在每个链接上，并查看在IE9中没有工具提示，而其他浏览器则有。这是实际页面- http://tv.social.org.il/tags - Maor Barazany

我在您的网站上看到IE9中链接标题正常工作。请尝试在IE9中打开您的页面并按F12。查看您是否处于IE9兼容模式、Quirks或IE7模式？...或者这可能是由于您安装的浏览器工具栏引起的吗？如果您有工具栏，请尝试卸载它以查看是否有效。 - jamierushad

我自己没有IE9，但今天我在两台电脑上检查了一下，它也可以正常工作。由于某种原因，在客户的IE9 PC上会出现问题，我将尝试让他检查他的PC，但很高兴知道这不是网站或IE9的其他问题。谢谢。 - Maor Barazany

Answer 3

我找到了一个好的解决方法，将您的标题放在abbr标签中。我已经在Safari、Chrome、IE9和Firefox中进行了测试。它们都可以正常工作。

- Kathleen

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>

- Avik

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>

- l33t

---

你的示例中为什么使用了已弃用的字体标签？我知道这是几年前的事情，但自从1997年12月发布W3C推荐的HTML 4以来，字体标签就已经被弃用了！ - Chris Spittles