Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.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索引改变时,它不工作_Html_Css - Fatal编程技术网

Html 链接不';当Z索引改变时,它不工作

Html 链接不';当Z索引改变时,它不工作,html,css,Html,Css,以下是我迄今为止所做的工作: 如果在class.cover profile中,我更改了z-index的值,则链接将停止对class.navigation工作 我已将导航栏固定在顶部,并希望滚动时导航栏后面有其他内容。尝试使用 navbar先生{ z指数:2; } .封面简介{ z指数:1; }什么是封面简介? 我从.cover配置文件中删除了z-index,并将z-index添加到导航栏 .navbar { display: inline-block; top: 0; width:

以下是我迄今为止所做的工作:

如果在class
.cover profile
中,我更改了
z-index
的值,则链接将停止对class.navigation工作

我已将导航栏固定在顶部,并希望滚动时导航栏后面有其他内容。

尝试使用 navbar先生{ z指数:2; } .封面简介{ z指数:1; }什么是封面简介? 我从.cover配置文件中删除了z-index,并将z-index添加到导航栏

.navbar {
  display: inline-block;
  top: 0;
  width: 100%;
  height: 70px;
  background-color: #eb3b5a;
  position: fixed; 
  z-index: 1;
}
你可以在这里查一下
这是因为您将整个
.cover profile
类放在页面的
后面。这就是它不工作的原因。

请检查下面的链接

问题在这里
。封面简介{z-index:-1;}

关于z-index属性,它指定元素的堆栈顺序

具有较高堆栈顺序的元素始终位于具有较低堆栈顺序的元素的前面


在这种情况下,
“cover profile”
的z索引为-1,它将放在您的
正文后面

请查看此页面以提高获得答案的机会:您是否收到错误消息,告诉您如果不将代码包含在问题本身中,就无法链接到codepen?这并不是一个声称Codepen的URL是您的源代码的建议!您需要在问题本身中提供一个。Stackoverflow甚至支持嵌入式。