位置:WEB前端 > css教程

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

时间:2013-11-10
简介:WEB前端|这是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%显示

上一编:CSS 颜色代码大全 做css开发不可缺少的css颜色码

下一编:css png背景透明 兼容IE6浏览器

NewHot手机版