固定导航栏导致页面内的按钮无法正常工作

Question

我希望我的导航栏固定在顶部，但是当我输入css编码时，我页面上的所有其他按钮都停止工作。

这是我的CSS

#header {
  position: fixed;
    left: 0;
    top: 0;
    bottom:200px;
    padding:inherit !important;
    width: 100%;
    z-index:9999;
}

我已经测试过了，当我把它拿出来时网站运行正常。

Answer 1

我会假设你的布局是固定的，你正在使用位置属性和z-index，你的#header高于其他所有位置，并在你点击的位置和下方所有按钮下面的按钮之间放置一个“隐形屏障”屏幕底部200px应该是可点击的，以便自己查看尝试添加背景颜色以查看正在发生的事情。删除顶部和左侧位置将有所帮助，如果可能，您可能甚至不需要使用z索引属性，具体取决于您要实现的目标。