展开全部
1、打开html开发软件，新建一个html代码页面。
2、在html代码页面的<body>标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图
3、设置背景图片样式。在<title>标签后面创建一个<style>标签，然后在这个标签里设置<body>标签的背景图片，以及背景图片不重复。
样式代码：
body{
background-image: url(img/bg.jpg);
background-repeat:no-repeat;
}
4、在body样式中添加上background-attachment: fixed。
5、保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。如图
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
提示：
fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~
代码：
<style>
body {background-position: center;//背景居中<br>background-repeat: no-repeat;//无重复<br>background-attachment: fixed;//固定不动}
</style>
------------------------------
下面的是在html中直接添加的:
<body style="background-attachment:fixed";background="背景图片路径“>
</body>
fixed表示指定的背景是永远固定的，即:背景图片不随着网页的滚动而滚动。通过此元素设置出的网页效果在当今受到很多网络高手垂青。scroll这元素的作用正好与fixed相反，此元素与HTML中的背景元素所产生的效果基本相同，就是说可以直接html中添加，不错吧~
代码：
<style>
body {background-position: center;//背景居中<br>background-repeat: no-repeat;//无重复<br>background-attachment: fixed;//固定不动}
</style>
------------------------------
下面的是在html中直接添加的:
<body style="background-attachment:fixed";background="背景图片路径“>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
例如body {
background-image: url(../loo.jpg);
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0px;
}
中background-repeat: no-repeat;改成background-attachment: fixed;
然后保存，登陆就可以了。
background-image: url(../loo.jpg);
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0px;
}
中background-repeat: no-repeat;改成background-attachment: fixed;
然后保存，登陆就可以了。
已赞过
已踩过<
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
