html - 叠加 CSS 效果无法正常工作

Question

我正在制作一个网页，但遇到了问题。当屏幕为 980 像素或更小时，菜单会自行隐藏，屏幕上会出现类似“汉堡包”的按钮菜单。当您单击该按钮时，一个 div 会占据整个屏幕并显示菜单(效果很好)。但是，当您向下滚动并单击“汉堡包”按钮时，覆盖 div 只会出现在它的原始位置上。看看这个:

如果您在网页顶部打开它，会发生以下情况:

但是，当您向下滚动时，会发生这种情况:

明白了吗？我希望覆盖效果适合整个屏幕，而不仅仅是网页顶部的那个空间，这是页面:

http://wwww.sinvender.com/hg/index.htm

如果有人知道如何解决这个问题，请告诉我，谢谢!如果您想自己尝试，请打开上面的链接并缩小您的浏览器..

Answer 1

我在覆盖 div 上使用“position: fixed”而不是“position: absolute”来修复它!