页面上的锚点链接无法在Firefox或IE中运行,但可以在Chrome和Safari中使用

时间:2013-05-11 01:35:32

标签: internet-explorer firefox

我在页面上有锚链接,让你跳到页面的各个部分。例如:

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

然后再往下一页:

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

页面上有几个不同的。

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

任何帮助都将不胜感激。

3 个答案:

答案 0 :(得分:3)

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

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

将内容放入内部可以解决问题,例如:

<a id="example">&nbsp;</a>

相同的行为,无论您使用name还是id作为锚点。

我没有使用Firefox测试过。

答案 1 :(得分:0)

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

始终路由到其上带有id的元素。

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

我必须是独一无二的。

答案 2 :(得分:-1)

尝试设置目标锚点,如下所示:

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

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

更多信息:http://www.w3schools.com/html/html_links.asp