全屏覆盖在页面加载时打开

<div id="fullscreen-overlay">
  <!-- 在这里放置全屏覆盖的内容 -->
</div>

#fullscreen-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8); /* 设置全屏覆盖的背景颜色和透明度 */
  z-index: 9999; /* 设置覆盖层的层级，确保它在页面上方显示 */
}

window.addEventListener('load', function() {
  var overlay = document.getElementById('fullscreen-overlay');
  overlay.style.display = 'block'; // 显示全屏覆盖层
});

// 用户点击关闭按钮时隐藏全屏覆盖层
document.getElementById('close-button').addEventListener('click', function() {
  var overlay = document.getElementById('fullscreen-overlay');
  overlay.style.display = 'none'; // 隐藏全屏覆盖层
});