同一页面下拉菜单上的多个导航栏将被其他导航栏重叠,请参阅:
如何防止这种情况?
尽管导航栏仅用于单一用途,但您可以自由地将更多用作每页一个导航栏。同一页面上的多个导航栏将具有相同的 z-index (1000),因此下拉菜单可能会重叠。当使用更多导航栏时,给每个导航栏一个不同的 z-index(和 id)。第二个 z-index 应该低于第一个,等等。
拥有像这样的导航栏:
<nav id="navbar1" class="navbar" role="navigation">
<nav id="navbar2" class="navbar" role="navigation">
<nav id="navbar3" class="navbar" role="navigation">
<nav id="navbar4" class="navbar" role="navigation">
通过以下方式设置 z 索引:
#navbar2 {z-index:999;}
#navbar3 {z-index:998;}
#navbar4 {z-index:997;}