这是我到目前为止完成的工作:Social Network
如果在课程.cover-profile
中我更改了z-index
的值,则链接停止为类.navigation工作。
我已将导航栏固定在顶部,并在滚动时希望其他内容位于导航栏后面。
答案 0 :(得分:0)
尝试使用as .navbar { z-index:2; } .cover-profile { z-index:1; }
答案 1 :(得分:0)
什么是.cover-profile? 我从.cover-profile中删除z-index,并将z-index添加到navbar
.navbar {
display: inline-block;
top: 0;
width: 100%;
height: 70px;
background-color: #eb3b5a;
position: fixed;
z-index: 1;
}
你可以在这里查看 https://codepen.io/anon/pen/mKbVaE
答案 2 :(得分:0)
这是因为您将整个.cover-profile
课程放在页面的<body>
后面。这就是它无法正常工作的原因。
答案 3 :(得分:0)
请查看以下链接
https://codepen.io/anon/pen/mKbVgr
问题在这里.cover-profile { z-index: -1; }
关于z-index属性,它指定元素的堆栈顺序。
堆栈顺序较大的元素始终位于堆栈顺序较低的元素前面。
在这种情况下,"cover-profile"
的z-index为-1,它将放在body
后面。