Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 引导-为什么z指数较低的div会覆盖较高的div?_Html_Css_Twitter Bootstrap_Twitter Bootstrap 3_Z Index - Fatal编程技术网

Html 引导-为什么z指数较低的div会覆盖较高的div?

Html 引导-为什么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

A
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;
}