Html 引导-为什么z指数较低的div会覆盖较高的div?
AHtml 引导-为什么z指数较低的div会覆盖较高的div?,html,css,twitter-bootstrap,twitter-bootstrap-3,z-index,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,Z Index,Aposition:fixeddiv覆盖整个页面(z索引较高的元素除外,如 当position:fixeddiv处于活动状态时,如何使导航栏品牌名称可单击 非常感谢!.mycheckDrop{display:block;} a{ 光标:指针; z指数:9999; } .buttoncontainer1{光标:指针;} 输入{游标:指针;} .navbar品牌{ z指数:9999; } .导航栏标题{ z指数:9999; } 导航栏-品牌分部{ z指数:9999; } div.navbar-hea
position:fixed
div覆盖整个页面(z索引较高的元素除外,如
当position:fixed
div处于活动状态时,如何使导航栏品牌名称可单击
非常感谢!.mycheckDrop{display:block;}
a{
光标:指针;
z指数:9999;
}
.buttoncontainer1{光标:指针;}
输入{游标:指针;}
.navbar品牌{
z指数:9999;
}
.导航栏标题{
z指数:9999;
}
导航栏-品牌分部{
z指数:9999;
}
div.navbar-header{
z指数:9999;
}
切换导航
解决
将位置:相对;
添加到.navbar品牌类别中
z-index仅对定位元素有效。如果尝试在未指定位置的元素上设置z-index,则不会起任何作用
缺少一条css规则,您需要添加:
.navbar-header {
z-index: 9999;
position: relative;
}
因为正如@jndoy提到的z-index只对定位元素起作用
检查更新的
希望这有帮助:)
.navbar-header {
z-index: 9999;
position: relative;
}