使用position: absolute可以相对于最近的祖先来定位一个元素。我们看不到代码的其余部分，但是你可能在另一个被定位的元素中有你的模态，所以它只能填充那个元素的区域。
要获得你想要的行为，position: fixed更合适。
第一个

你试过使用固定位置而不是绝对位置吗？如果你想让模态占据整个屏幕。我认为固定位置更有意义。

尝试将容器设置为默认位置，这是静态的。然后将最大宽度设置为100 vw，因为它会将容器扩展到屏幕的宽度，而图像本身设置为100%，这也将尊重屏幕的宽度。另外，我发现设置纵横比是一个很好的做法，特别是如果您的动态网站接受不同纵横比的不同图像。

#modalBackground {
    max-width: 100vw;
    aspect-ratio: 16/9 (Your prefered size);
    object-fit: cover;
    object-position: center;
    background-color: rgb(0 0 0 / 0.7);
    z-index: 10;
 }

希望这对你有帮助！