对象适合盖在div内的图像上

时间:2016-08-28 14:03:13

标签: html css slider

现在我在div中有一个像这样的图像:

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

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

</div>

我可以使用对象:封面;对于firefox,chrome和其他有用的浏览器,但这对IE不起作用。是否有一种解决方法可以使图像看起来与使用对象合适的图像相同:cover;?

PS。我无法将图像作为父母的背景。

1 个答案:

答案 0 :(得分:0)

将其用于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%;
}