Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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 查看图像重叠导航条的问题_Html_Css_Bootstrap 4 - Fatal编程技术网

Html 查看图像重叠导航条的问题

Html 查看图像重叠导航条的问题,html,css,bootstrap-4,Html,Css,Bootstrap 4,我得到了一个问题,肖像重叠我的导航栏。 我一直在四处寻找,试图找到解决办法,但运气不好。 我试过z-index,但遗憾的是根本不起作用 我的分区代码: /*导航栏CSS*/ 托普纳夫曼先生, 托普纳夫曼{ 保证金:0; 填充:0; 背景:rgba(227,232,237,0.40); 颜色:#5f6f81; 列表样式:无; 文本转换:无; 文字装饰:无; 宽度:100%; 字体大小:300; 字体系列:“Lato”,Arial,无衬线; 线高:60px; z指数:999!重要; } /*img

我得到了一个问题,肖像重叠我的导航栏。 我一直在四处寻找,试图找到解决办法,但运气不好。 我试过z-index,但遗憾的是根本不起作用

我的分区代码:

/*导航栏CSS*/
托普纳夫曼先生,
托普纳夫曼{
保证金:0;
填充:0;
背景:rgba(227,232,237,0.40);
颜色:#5f6f81;
列表样式:无;
文本转换:无;
文字装饰:无;
宽度:100%;
字体大小:300;
字体系列:“Lato”,Arial,无衬线;
线高:60px;
z指数:999!重要;
}
/*img类CSS*/
.imgPortrait{
宽度:80%;
z指数:-999;
溢出:隐藏;
}

关于我

洛雷姆·伊普苏姆·多洛尔·西特·阿梅特(Lorem ipsum Door sit amet)是一位杰出的职业运动员<猫前毛霉菌。Sed libero risus,Pat vel rhoncus等人,非同侧拍卖人<这是一个很好的解决方案


只是一个简单的修复,您需要对包含导航的
div
应用z索引,而不仅仅是
ul

#navDiv {
  z-index: 1;
}

请给出你的网站url。对不起,网站是本地的,所以我不能做太多的抱歉。你的HTML和CSS看起来不同,不相关,HTML在哪里?你是什么意思?我的意思是我可以发布更多的css,作为上下文?我认为你需要添加完整的html和css。。