我的響應(yīng)式菜單有問題。當(dāng)我打開漢堡菜單時,我可以向下滾動,我實(shí)際上可以看到頁面的內(nèi)容。我唯一能看到的內(nèi)容就是那三個盒子,我不知道為什么!我將列出這些框的代碼,也許您可以說出原因。如果有任何不清楚的地方,請告訴我,以便我可以滿足您的要求。Ps 我正在上傳一張 gif 動圖,顯示正在發(fā)生的事情。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貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個贊
查看提供的(部分)代碼,我相信添加以下樣式將解決問題:
.hamburger {
z-index: 2
}.services {
z-index: 0
}
- 1 回答
- 0 關(guān)注
- 105 瀏覽
添加回答
舉報(bào)
0/150
提交
取消