覆蓋整個div的圖像CSS

Question

嗨我有一個頁面問題http://nroux.com 我使用Wordpress中的DIVI主題構建它。

我希望圖片覆蓋文本旁邊的整個div，而不管圖片的大小。 圖片不應該變形，因此它是一種： 最小寬度：100％和最小高度：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

嘗試這樣的事情

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

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; 
} 

圖像可能或多或少隱藏，這取決於圖像和文本大小思想。