WEB前端

css 实现body网页背景图片的拉伸效果 自动拉伸100%显示

位置:首页 > WEB前端 > css教程,2013-11-10
这是css实现body网页背景图片的拉伸效果自动拉伸100%显示的代码,宽高自动填充。<divid="backgroundImage"><im

这是css 实现body网页背景图片的拉伸效果 自动拉伸100%显示的代码,宽高自动填充。

<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>

TAGS:css背景图片100%显示

猜你喜欢

NewHot手机版