Css 即使背景内容被修改，如何让div在整个屏幕上展开？

即使背景内容发生变化，我也会尽量使整个屏幕上的div保持扩展。请尝试以下示例。所需的操作是，当单击按钮时，带有类窗口的div将继续覆盖整个屏幕

document.querySelector（“按钮”）.addEventListener（“单击”），（）=>{
document.querySelector（“ul”）.classList.toggle（“hide”）；
});
.window{
位置：绝对位置；
排名：0；
右：0；
底部：0；
左：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景色：白色；
边框：2件实心黄花；
}
保险商实验室{
列表样式：无；
填充：0；
}
ulli{
填充：20px；
}
兽皮{
显示：无；
}
点击我

项目-1
项目-2
项目-3
项目-4
项目-5
项目-6
项目7
项目8
项目-9
项目10
项目11
项目12
项目13
项目14
项目15
项目16
项目17
项目18
项目19
项目20
这就是你想要的吗


document.querySelector（“按钮”）.addEventListener（“单击”），（）=>{
document.querySelector（“ul”）.classList.toggle（“hide”）；
});
.window{
位置：固定；
排名：0；
右：0；
底部：0；
左：0；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景：#fff；
边框：2件实心黄花；
}
保险商实验室{
列表样式：无；
填充：0；
}
ulli{
填充：20px；
}
兽皮{
显示：无；
}
点击我

项目-1
项目-2
项目-3
项目-4
项目-5
项目-6
项目7
项目8
项目-9
项目10
项目11
项目12
项目13
项目14
项目15
项目16
项目17
项目18
项目19
项目20
不，实际上，我想要的是，当背景内容出现时，div with windows类将展开，这样背景内容仍然不存在displayed@Mario现在检查。事实上，虽然我看不出你已经修改了位置的一部分，但实际上我之前省略了“背景：#fff”。