html - anchor 标签位于固定导航栏后面

此锚在Firefox中有效，但在Chrome中不起作用！我在页面顶部有一个固定的导航栏，因此前两行位于其后。 Z-Index不是解决方案。

下面的代码是文本段落：

    <a class="resume-anchor" name="experience">
            Text Here Text Here
    </a>

可点击的链接

    <a href="resume.html#experience">Experience</a>

CSS

    .resume-anchor {
        padding-top: 40px;
    }

有人可以帮我这个忙吗？

最佳答案

<a href="resume.html#experience">Experience</a>链接实际上是在寻找ID #experience，而不是名称。

要解决此问题，您的第一个a link必须将ID experience设置为：

<a class="resume-anchor" id="experience">
    <!-- Text Here Text Here -->
</a>

同样，就良好的语法而言，当<a>元素指向可点击的链接时，锚点应直接对准您的文本块，例如：

<p id="experience">
    <!-- Text Here Text Here -->
</p>

希望有道理。