Javascript到中心弹出窗口

<div id="overlay"></div>
<div id="popup">
  <div id="popup-content">
    <!-- 窗口内容 -->
  </div>
</div>

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色背景 */
  z-index: 9999; /* 设置较高的层级，覆盖其他内容 */
}

#popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* 居中显示 */
  background-color: #fff;
  padding: 20px;
  z-index: 10000; /* 设置较高的层级，覆盖其他内容 */
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 添加阴影效果 */
}

#popup-content {
  /* 窗口内容的样式 */
}

// 弹出窗口
function showPopup() {
  document.getElementById("overlay").style.display = "block";
  document.getElementById("popup").style.display = "block";
}

// 关闭窗口
function closePopup() {
  document.getElementById("overlay").style.display = "none";
  document.getElementById("popup").style.display = "none";
}