六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 149|回复: 0

制作固定背景网页

[复制链接]

升级  62.67%

36

主题

36

主题

36

主题

秀才

Rank: 2

积分
144
 楼主| 发表于 2013-2-7 23:51:38 | 显示全部楼层 |阅读模式
background-attachment元素是用来设置网页的背景图片是固定还是滚动;
它有两个值:scroll和fixed
设置为scroll的时候网页的背景图片会随着网页的内容滚动,当设置为fixed的时候就为固定的背景图
 
 
实例代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>5_7</title>
<style type="text/css">
#content{
   border: 1px solid #FF0000;
   height: 1000PX;
}
body{
   background-image: url(images/5_2_01.jpg);
   background-attachment: scroll;
   color: #FFF;
}
</style>
</head>

<body>
<div id="content">
1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br /><br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br />19<br /><20br />21<br />22<br />23<br />24<br />25<br />26<br />27<br />
</div>
</body>
</html>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表