我正在尝试将背景图像拉伸到父div的100％宽度和高度. IE8当然不支持background-size.我尝试了以下代码,但它不起作用.
.Box:before { background: url(images/body_background2.png) no-repeat; display: block; position: absolute; z-index: -1; height: 100%; width: 100%; content: ''; }
解决方法
使用< img>位置：固定;顶部：0;左侧：0;宽度：100％;高度：100％;和负z-指数.很遗憾没有办法在IE 8中仅使用CSS实现此行为.
有关详细信息,请参阅以下文章：How Do you Stretch a Background Image in a Web Page.
如果您希望将图像用作给定< div>的背景.尝试以下方法：
<div class="fullbackground">
<img class="fullbackground" src="yourImageSrc" />
</div>
.fullbackground{
position:relative;
}
img.fullbackground{
position:absolute;
z-index:-1;
top:0;
left:0;
width:100%; /* alternative: right:0; */
height:100%; /* alternative: bottom:0; */
}
