我的任务是对一个网站做一些可访问性的改进。我要做的第一件事是添加一个“跳到主要内容”链接,方法是创建一个带有href="# main - content“的链接,其中" main -content”是包含主要内容的div的id。添加链接本身是没有问题的,并且在容器上有一个适合主要内容的id。
问题出在主菜单。它位于页面的顶部。当用户向下滚动时,菜单停留在页面顶部和滚动内容的顶部,即菜单具有高z索引的固定位置。
当用户点击“跳转到主要内容”链接时,页面会滚动,使主要内容位于浏览器的顶部,这正是我所期望的。问题是,它的第一部分被浮动在页面…上方的主菜单所遮挡
有没有一种方法可以解决
在我的网站上,每个页面的主要内容需要是一个容器div的孩子。我试图将这个div放在每个页面上都包含的标题中,但是当呈现时,div会自动关闭,并且不会将主要内容作为其子内容。
下面是我的pug示例页面:
html
body
include includes/header.pug
div(id='main-content')
[main content goes here]
以下是我对标题的pug,包括:
nav
[navigation bar goes here]
div(id='