我有 4 张图片和一张背景图片,我为每张图片都写了一个模态。当我单击图像并以模态模式打开时,背景图像也会放大一点。在 chrome 开发工具中,我看到一个名为 .modal-open 的新类被添加到 body 中,并且在 css 中添加了属性和值。
body.modal-open {
padding-right: 16px;
display: block; }
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }
如何防止 body 元素背景中的图像放大?
最佳答案
CSS
.bg-image {
background-image: url("Pictures/English-lang-background.jpg");
background-size: cover;
overflow: auto;
}
HTML
<body>
<div class="bg-image">
</div>
</body>
正确,@iamwhitebox。它解决了这个问题。
关于html - 如何防止背景中的图像在模态模式下放大?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59583148/