html - 如何在相同背景图像大小的 HTML 中制作两个不同的 div？

Question

我想用 HTML 代码创建一个网站。我有几个问题，我简化了代码，以便您可以轻松理解我的问题。

我的第一个 div:

<div id="div1" style="display: none;">
<div class="h1">INFORMATION</div></div>

我的第二个 div:

<div id="div2" style="display: none;">
<div class="h1">INTERNATIONAL STUDENTS</div></div>

CSS:

body {
    background-image: url(world-map_00246938.jpg); 
    background-attachment: fixed;
    line-height: 15px;
    text-align: justify;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #FFFFFF;
    background-properties: fixed;
    }

div1 是网站的第一个外观。当我点击一个链接出现 div2 时，我遇到了一个问题，网站的背景变成了更大的尺寸。但是，当我单击指向 div 1 的链接时，它会变成正常大小。

当我在 div2 中插入图像时，网站的背景图像在 div2 中变大了:

<div id="div2" style="display: none;">
   <div class="h1">INTERNATIONAL STUDENTS</div>
   <center><img src="url.png"
   width=100%></center></div>

在我看来，我认为在 div2 中插入图像会使网站的背景图像变大。但是当我查看我的代码时，我已经将背景属性设置为固定的。

现在，我想找到一个解决方案，无论我在编码中插入什么内容，都可以保持网站背景图片的大小。

非常感谢任何帮助。

Answer 1

问题是 background-size: cover 声明，它将改变背景大小以覆盖整个元素。删除它应该会导致背景图像大小为原始图像大小。