制作固定背景网页
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>
