这是本地主机网页的屏幕截图：
[删 debugging 误图像]
这是使用vercel部署的网页的屏幕截图：
问题是灰色的div显示了它的底层元素。
.zoombackground {
background-color: #333;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: fixed;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 9999999999999999999999999 !important;
}
1条答案
按热度按时间x6492ojm1#
（假设你想用灰色来覆盖这些图像）我建议你改变一下你的格式。你用背景作为前景，并试图让前景下面的元素始终可见。我建议你把div中的元素隐藏起来，直到你想让它们显示出来。同时保持div的大小不变并且只是变灰，或者在您希望显示图像时使div相对扩大