本文介绍了CSS中background-attachment属性的使用方法，通过设置该属性可以实现网页背景图片随内容滚动或保持固定不变的效果。提供了具体的代码示例。
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>
扫一扫
1014
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
