выпадающий на Navbar находится под другими компонентами - PullRequest
1 голос
/ 29 сентября 2019

Я использую nuxt.js, и у меня есть фиксированный заголовок, в котором у меня есть раскрывающийся список для изменения языков, но проблема в том, что я установил высоту для компонента заголовка, когда нажимаю только на кнопку раскрывающегося меню, это толькопоказывает, что до этой высоты вы можете найти изображение проблемы здесь: https://ufile.io/g7tosuph

Я попытался указать положение: абсолютное значение для выпадающих элементов, а также z-индекс 9999, но не повезло, что он все еще поддругие компоненты на каждой странице я также удостоверился, что стили отмечены в файлах .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;
}

1 Ответ

1 голос
/ 29 сентября 2019

Не могли бы вы предоставить пример кода?

Я полагаю, вы установили свою <header> позицию на "фиксированную", попробуйте также установить <header> z-index как значение z-index (больше значения <main> z-index, если есть).

...