免费试用 | 注册用户 | 找回密码 | 新闻中心 | 独立面版 | 在线支付 | 用户中心 | 代理中心 | 简体
服务器出租 | 西部数码虚拟主机 | 成品网站建设 | 免费电影
    客服咨询
首 页 域名注册 美国空间 香港空间 国内空间 特价空间 智翔主机 防御空间 NET空间 数据库 邮局 加盟代理
新闻首页 官网公告 帮助信息 下载中心 网页代码 所有新闻

 
 

css 网页全屏背景图片代码


 


在HTML中,当我们设置背景图,只能采用是否重叠、居中、重叠方向这几个选项
 
如果你有一张比较绚烂的图片想做背景,可以这样设置:
 
代码如下:
body{
background:url(img.jpg);
background-position:center;
background-repeat:no-repeat;
}
 
图片没有重叠,居中,并且...她太小了,无法占领全部的页面。
很可惜,CSS2中并没有图片全屏拉伸的属性,所以我自己想了个办法。
利用一个DIV层,在里面装载一个IMG标签。然后设置DIV和IMG的大小为100%,并固定到屏幕最底层,这样就实现了完美的拉伸并最大化图片的目的。

首先在Body中加入下面的代码:
代码如下:
<div id="div1"><img src="img.jpg" /></div>

然后加入CSS代码:
代码如下:
div#div1{
position:fixed;
top:0;
left:0;
bottom:0;
right:0;
z-index:-1;
}
div#div1 > img {
height:100%;
width:100%;
border:0;
}
 
 


打印本页 | 关闭窗口