我的響應式菜單有問題。當我打開漢堡菜單時，我可以向下滾動，我實際上可以看到頁面的內容。我唯一能看到的內容就是那三個盒子，我不知道為什么！我將列出這些框的代碼，也許您可以說出原因。如果有任何不清楚的地方，請告訴我，以便我可以滿足您的要求。Ps 我正在上傳一張 gif 動圖，顯示正在發生的事情。https://i.stack.imgur.com/iU0dj.gif const hamburger = document.querySelector(".hamburger");const navLinks = document.querySelector(".nav-links");const links = document.querySelectorAll(".nav-links li");hamburger.addEventListener('click', () => { navLinks.classList.toggle('open'); links.forEach(link => { link.classList.toggle("fade"); });});<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie-edge"> <link href="https://fonts.googleapis.com/css?family=Poppins:400,500&display=swap" rel="stylesheet"> <link rel="stylesheet" href="./style.css" /> <title>QM-SüD GmbH Qualit?tsmanagement</title></head><body> <header> <!-- <div class="logo-container"> <img src="./img/logo.svg" alt="logo"> <h4 class="logo"> QM SüD</h4> </div> --> <nav> <div class="hamburger"> <div class="line"></div> <div class="line"></div> <div class="line"></div> </div> <ul class="nav-links"> <li><a class="nav=link" href="index.html">Home</a></li> <li><a class="nav=link" href="services.html">Services</a></li> <li><a class="nav=link" href="#">About Us</a></li> <li><a class="nav=link" href="#">Credentials</a></li> </ul> </nav> </header>
1 回答
慕尼黑5688855
TA貢獻1848條經驗 獲得超2個贊
查看提供的（部分）代碼，我相信添加以下樣式將解決問題：
.hamburger {
z-index: 2
}.services {
z-index: 0
}
- 1 回答
- 0 關注
- 112 瀏覽
添加回答
舉報
0/150
提交
取消