我在客户端网站上的一张图片上有一个超链接。它在IE中可以使用,但是当我在Chrome/Mozilla中打开同一页时,指针没有显示,并且单击也没有任何反应。我的代码:
<a href="Home.aspx?ModuleID=1">
<img alt="Alternative Text" src="Images/Logo.gif" />
</a>
有人知道问题可能是什么吗?
我在客户端网站上的一张图片上有一个超链接。它在IE中可以使用,但是当我在Chrome/Mozilla中打开同一页时,指针没有显示,并且单击也没有任何反应。我的代码:
<a href="Home.aspx?ModuleID=1">
<img alt="Alternative Text" src="Images/Logo.gif" />
</a>
有人知道问题可能是什么吗?
简单的解决方法:这个方法在我测试过的所有浏览器中都有效,使用document.getElementById([锚点标签]).scrollToView(true);
例如: --来自--
<a href="#" onclick="document.getElementById('ShowMeHow2').scrollIntoView(true);return false;">
--to--
<a id="ShowMeHow2" name="ShowMeHow2"> </a>
检查页面中是否使用了CSS z-order。不正确的z-order可能会导致按钮和链接无法正常工作。
我发现在Google Chrome浏览器上处理同样的问题时,不要将锚点ID包含在块级元素中,而是将其放在提示框中。
例如:
<body>
<a id="top" name="top"> </a>
<p>...</p>
<p><a href="#top">Back to Top</a></p>
</body>
<!-- /end ex. -->
我也遇到了同样的问题。这个建议(在包含div中添加position: relative)似乎可以解决,但我正在使用绝对定位,需要用另一种方式解决。我认为这可能会帮助其他人。
Correct <a name="top">[top of page]</a> <a link="#top">[link]</a>
Incorrect <a name="#top">[top of page]</a> <a link="top">[link]</a>
如果没有完整的HTML源代码,我会指出此锚点是嵌套在某个没有结束标记的元素之后。
如果这不是问题,请发布完整的HTML源代码。
您可以通过使用以下工具验证文档来轻松查找此问题:
这是W3C官方的HTML/XHTML验证器,因此如果某个元素未关闭,它将指出您需要纠正哪个元素!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
当您不提供文档类型时,浏览器会以“怪异”模式呈现网页,这是一种兼容模式,可能无法按照您的预期呈现页面。在此了解更多信息:
如果这解决了你的问题,请告诉我!
另一个可能出现的问题(虽然这里可能不是这种情况),就是您可能已经更改了a标签的css指针声明。
a {
cursor: default;
}
如果是这样的话,悬停效果和点击链接仍然可以正常工作。
我花了最近几个小时来解决这个问题,在Firefox和IE中工作的页面锚标签在Chrome中却失效了。我不是专业开发人员,所以不知道为什么,但似乎在某些情况下,Chrome不能读取堆叠的div内部的a标签,并将您带到同一页上的所需位置。我通过在我的a id之后添加一个span id来解决了这个问题... - 所以它看起来像这样:
<a href="#ID_NAME"></a>
...
<a id="ID_NAME><a/><span id="ID_NAME"></span>
已在Firefox、Chrome和Safari中进行了测试。但此机器上没有IE可供测试。