图片位于div-cover-background上方，按比例调整大小

Question

我正在尝试，谷歌搜索和搜索，但无法解决非常简单的方案...我有：

<div class = "BG">
  <div class = "image"></div>
</div>

背景应居中，图像应居中。在调整浏览器大小时，两者都应按比例成比例地调整大小。

对于BG班，我有这个：

 background: url("../img/d_background.jpg");
 width: 100%;
 height: 2160px;
 overflow: hidden;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center; 
 background-size: cover;
 position: relative;

这使BG可以完全按照我的需要工作。但是，对于子图像，其大小和位置始终不正确。有什么办法可以使其同步工作？我尝试了许多不同的解决方案，但子图像最终由于尺寸不正确而被截断了。

Answer 1

您可以为图像赋予对象适合度：封面；在您的CSS中

您的图片将采用其父母的尺寸。