导航栏上的其他组件下方

Question

我正在使用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;
}

Answer 1

您能提供一些示例代码吗？

我想您已经将<header>的位置设置为“固定”，也尝试将<header>的z-index设置为z-index值（大于<main> z -index值（如果有）。