問題

我正在使用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值,如果有的話).

  相同標籤的其他問題

cssvue.jsdropdownnuxt.js