我正在研究模態框。當我制作單獨的 html 和 css 文件來測試它時，它工作得很好。問題是當我將該代碼放入我正在處理的網頁的 html 和 css 中時，模態框沒有出現，唯一顯示的是模態容器的深色覆蓋。幫助將不勝感激。謝謝。僅模態const open = document.getElementById("open");const modalContainer = document.getElementById("modal-container");const close = document.getElementById("close");open.onclick = function() { modalContainer.style.display = "block";};close.onclick = function() { modalContainer.style.display = "none";};.modal-container { background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: auto; display: flex; justify-content: center; align-items: center; font-family: fantasy; display: none;}.modal { background-color: whitesmoke; width: 35%; height: 90%; margin: 5% auto; padding: 20px 40px; box-shadow: 5px 5px 5px gray; border-radius: 10px;}.modal span { display: flex; justify-content: flex-end; margin-right: -15px; cursor: pointer;}<!DOCTYPE html><html><head> <link rel="stylesheet" href="modal.css"></head><body> <button id="open" onclick="openModal()">open modal</button> <div class="modal-container" id="modal-container"> <div class="modal"> <span id="close">×</span> <h1>Swimming Pools (Drank)</h1> <hr> <p>Pour up, drank, head shot, drank <br> Sit down, drank, stand up, drank <br> Pass out, drank, wake up, drank <br> Faded, drank, faded, drank</p> </div> </div></body></html>
Div 本身工作得很好，但在合并到項目中時卻沒有
慕萊塢森
2022-12-22 14:28:04
