internet-explorer - 页面上的锚链接在 Firefox 或 IE 中不起作用，但在 Chrome 和 Safari 中起作用

Question

我在页面上有锚链接，将您从页面跳转到各个部分。例如：

<a href="#pointandshoot">Point and Shoot Cameras</a>

然后在页面下方：

<a name="pointandshoot"></a>

页面上有几个不同的。

这些在 Mac 和 PC 上的 Chrome 和 Safari 中运行良好，但在 Mac 和 PC 上的 Firefox 或 PC 上的 IE (8) 中根本不起作用。他们在页面下方跳了一小段距离，但没有跳到他们应该去的地方。

任何帮助，将不胜感激。

score 5 · Accepted Answer

在我今天遇到的一个问题之后，看起来没有内容的锚标签在某些版本的 IE 中不起作用，例如：

<a id="example"></a>

在里面放一些东西可以解决问题，例如：

<a id="example"> </a>

无论您使用锚点name还是id锚点，行为都相同。

我没有用 Firefox 测试过。

score 0 · Accepted Answer

这个

<a href="#pointandshoot">Point and Shoot Cameras</a>

总是路由到带有 id 的元素。

喜欢<div id ="#pointandshoot"></div>

Id 必须是唯一的。

score -1 · Accepted Answer

Try setting your destination anchors like this:

<a id="an_id">Description</a>

<a href="#an_id">Link Text</a>

3 回答 3