如何让我的加载屏幕div占据整个屏幕，甚至下面的所有内容

#loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; /* 设置加载屏幕的背景颜色 */
  z-index: 9999; /* 设置加载屏幕的层级，确保其在最上层 */
}

<div id="loading-screen"></div>

// 在页面加载完成后隐藏加载屏幕
window.addEventListener('load', function() {
  var loadingScreen = document.getElementById('loading-screen');
  loadingScreen.style.display = 'none';
});