【问题标题】:Anchor tags not working as expected in Mozilla Firefox and IE锚标签在 Mozilla Firefox 和 IE 中无法正常工作
【发布时间】:2017-08-23 21:31:12
【问题描述】:

我有以下 html 代码:

<div class="share-wrap">
       <p>
        Terms and Conditions
    </p>
    <br/>
        <a href="https://sitename/en/privacy-
        statement.html#cookies" target="_blank">Cookie Policy</a>'
 </div>

该链接在 Chrome 上完美运行。当我单击它时,它会转到另一个页面并在所需的“#cookies”ID 上。但在 Firefox 和 IE 中,它会转到其他部分。 其他页面有这样的代码:

<a name="cookies"></a>
 <h2 class="jump" id="cookies">Cookies</h2>
  content

知道为什么会这样吗?

【问题讨论】:

  • &lt;a name="cookies"&gt;&lt;/a&gt; 毫无意义。以下对象上的 id 用于相同目的大约十年。
  • 您的 HTML 无效。 &lt;li&gt; 不能是 &lt;div&gt; 的子元素
  • 搞错了..已经编辑过了

标签: html internet-explorer firefox anchor


【解决方案1】:

这通常是由于加载更多内容时您链接到的区域向下移动文档造成的。

例如,如果具有固有尺寸的图像(图像占用的大小必须在图像文件下载后计算,而不是从 CSS 或高度/宽度属性中获取)出现在您要链接的内容上方到。

确保所有未嵌入 HTML 文档的内容都有明确的大小。

【讨论】:

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签