Html 如何防止在固定导航栏中查看跨距符号

在HTML CSS问题上需要您的帮助。 我想在页面顶部使用一个固定导航栏。和“主要”布局如下。 但是，当我使用带有“绝对位置”的跨度符号箭头时。 当我向下滚动页面时，可以从导航栏查看符号。 我向下滚动页面时，它是否可以隐藏？ 谢谢,

身体{
保证金：0；
}
navbar先生{
溢出：隐藏；
背景色：#333；
位置：固定；
排名：0；
宽度：100%；
}
纳瓦尔先生{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
梅因先生{
填充：16px；
边缘顶端：40px；
顶部：40px；
高度：1500px；
/*在本例中用于启用滚动*/
}
一些文字一些文字一些文字一些文字

一些文字一些文字一些文字一些文字

▲；
一些文字一些文字一些文字一些文字

一些文字一些文字一些文字一些文字

我将addAttribute

z-index

添加到类

navbar

和您的

span

。因此，滚动时箭头将置于导航栏下方

我还将导航栏放在

主体

标记中

.navbar{
z指数：9999；
}
.你的跨度{
位置：绝对位置；
颜色：绿色；
左边距：2倍；
页边顶部：1px；
z指数：1；
}

身体{
保证金：0；
}
navbar先生{
溢出：隐藏；
背景色：#333；
位置：固定；
排名：0；
宽度：100%；
}
纳瓦尔先生{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
梅因先生{
填充：16px；
边缘顶端：40px；
顶部：40px；
高度：1500px；
/*在本例中用于启用滚动*/
}
一些文字一些文字一些文字一些文字

一些文字一些文字一些文字一些文字

▲；
一些文字一些文字一些文字一些文字

一些文字一些文字一些文字一些文字

滚动时，只需使用JavaScript使其消失即可：

tri=document.querySelector（'.yourspan'）；
addEventListener（'scroll'，function（）{
常量scrollHeight=window.pageYOffset；
如果（滚动高度>20）{
tri.style.visibility='hidden'；
}否则{
tri.style.visibility='visible'；
}
});
正文{
保证金：0；
}
navbar先生{
溢出：隐藏；
背景色：#333；
位置：固定；
排名：0；
宽度：100%；
}
纳瓦尔先生{
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
梅因先生{
填充：16px；
边缘顶端：40px；
顶部：40px；
高度：1500px；
/*在本例中用于启用滚动*/
}
跨度{
位置：绝对位置；
颜色：绿色；
左边距：2倍；
页边距顶部：1px
}

一些文字一些文字一些文字一些文字

一些文字一些文字一些文字一些文字

▲；
一些文字一些文字一些文字一些文字

一些文字一些文字一些文字一些文字

无效的HTML。您有正文标记之外的元素。谢谢@sedki的回答。我更喜欢使用静态方式，如Z-index。谢谢@rendolph，很高兴了解Z-index。非常感兴趣！它解决了我的问题。