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 Transitional文档类型和浏览器模式：IE9和文档模式：IE9标准。

显然，您的示例没有嵌套元素，但认为它可能与根据标题找到此帖子的某些人相关。

您可以通过将嵌套元素指定为内联块来克服IE中的此限制：

a span {
    display: inline-block;
}

Answer 2

上面的href链接的代码在IE9中运行正常。这让我相信网页上的其他内容会导致问题。你试过验证你的HTML吗？ http://validator.w3.org/

可能是其他浏览器只是看过去还有其他问题。也许它的嵌套方式会导致IE9忽略标签。

Answer 3

我找到了一个好的解决方法，将你的标题放在abbr标签中。我在Safari，Chrome，IE9和Firefox中测试了这个。它适用于所有这些。

Answer 4

解决方法是在内部标记之外放置至少一个字符：

<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>

Answer 5

我有一个典型的场景，我们必须用工具提示显示图像。在使用IE 10 Compat Mode的浏览器中打开时，图像位于Iframe中并且未显示工具提示。

alt标签帮助了我。解决方案是设置图像alt标签。

＆＃13;

<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>

＆＃13;

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

5 个答案: