如何防止背景中的图像在模式模式下放大？

Question

我有4张图片和一张背景图片，我为每一张都写了一个模型。当我点击图像时，它在模式模式下打开，背景图像也会放大一点。在chrome dev工具中，我看到body中添加了一个名为.mode-open的新类，并且在css中添加了属性和值。

body.modal-open {
padding-right: 16px;
display: block; }


.modal-open .modal {
overflow-x: hidden;
overflow-y: auto; }

Link to Js fiddle

如何防止body元素背景中的图像放大？

Answer 1

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。它解决了这个问题。