现在我在div中有一个像这样的图像:
<section class="col-md-12">
<img src="imagepath/image.jpg"/>
</div>
我可以使用对象:封面;对于firefox,chrome和其他有用的浏览器,但这对IE不起作用。是否有一种解决方法可以使图像看起来与使用对象合适的图像相同:cover;?
PS。我无法将图像作为父母的背景。
答案 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%;
}