我正在使用nuxt.js,我有一个固定的标头,可以通过下拉菜单来更改语言,但是问题是,当我单击标头显示的下拉按钮时,我已经为标头组件设置了高度达到那个高度您可以在此处找到问题图像:https://ufile.io/g7tosuph
我尝试给出位置:下拉列表项的绝对值以及9999的z-index的绝对值,但幸运的是,它仍然位于每页中其他组件的下面,我还确保将样式标注在.vue中文件
.header-whole {
background-color: #0e1e25;
position: fixed;
overflow: hidden;
height: 70px;
top: 0;
z-index: 1000;
width: 100%;
}
.lang-items {
position: absolute;
z-index: 9999;
overflow: hidden;
}
您能提供一些示例代码吗?
[我想您已将<header>
位置设置为“固定”,也尝试将<header>
z-index设置为z-index值(大于<main>
z-index值,如果有的话) 。