html - 对象适合覆盖在 div 中的图像上

Question

现在我在 div 中有一个图像，如下所示:

<section class="col-md-12">

    <img src="imagepath/image.jpg"/>

</div>

我可以使用 object-fit:cover;适用于 firefox、chrome 和其他有用的浏览器，但这不适用于 IE。是否有一种变通方法可以使图像看起来与使用 object-fit:cover; 时看起来一样？

附言。我无法使图像成为父级的背景。

Answer 1

用它来html

<div id="bg">
  <img src="images/bg.jpg" alt="">
</div>

将其用于 css

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
}
#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}