body背景图片的拉伸效果

最新推荐文章于 2021-01-12 19:00:24 发布

转载最新推荐文章于 2021-01-12 19:00:24 发布 · 1.2k 阅读

css 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种使网站背景图片在IE6到IE10浏览器中兼容显示的方法。通过绝对定位及层级设置，确保了背景图在不同版本IE浏览器中的正确展示。

兼容ie678910

<div id="backgroundImage">
   <img src="img/bodybg.jpg" />
</div>
<div id="onbackgroundbody">
</div>

<style>
html{
width:100%;
height:100%;
margin:0;
padding:0;
}
body{
width:100%;
height:100%;
margin:0;
padding:0;
}
#backgroundImage{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
}
#backgroundImage img{
    width: 100%;
    height: 100%;
}
#onbackgroundbody{
    width: 100%;
    height: 100%;
}
</style>