覆盖完整div CSS的图像

Question

您好我对页面http://nroux.com有疑问 我使用Wordpress的DIVI主题构建它。

无论图片大小如何，我希望图片覆盖文本旁边的完整div。 图片不应变形，因此它是一种： min-width：100％和min-height：100％，其余的自动我想但我尝试了一些我在stackoverflow上找到但没有成功的选项。

有人可以帮助我吗？

由于

Answer 1

.et_pb_image{
    height: 100%;
    width: 100%;
}
.et_pb_image img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}

在css上试试这个。 et_pb_image是图像所属的类名

Answer 2

尝试这样的事情

＆＃13;

＆＃13;

<img src="image.jpg" style="width: 100%; height: 100%; object-fit: cover;">

＆＃13;

＆＃13;

＆＃13;

Answer 3

您可以尝试将此css应用于图片容器：

.container {
   position: relative;
   height: 100%;
   width: 100%;
   overflow: hidden;
}

这是图片：

.container img {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: auto;
   max-width: initial;
}

图像可能或多或少隐藏，具体取决于图像和文本大小。