css 背景不滚动的实现方法-css教程-PHP中文网

css背景不滚动的实现方法：首先新建一个html代码页面；然后在标签后面创建一个标签；接着在这个标签里设置标签的背景图片；最后设置“background-repeat:no-repeat;”属性即可。

css 背景不滚动的实现方法

打开html开发软件，新建一个html代码页面。

在html代码页面的

2088shop商城购物系统

2088shop商城购物系统是商城系统中功能最全的一个版本：非会员购物、商品无限级分类、不限商品数量、商品多级会员定价、上货库存、Word在线编辑器、订单详情销售报表、商品评论、留言簿、管理员多级别、VIP积分、会员注册积分奖励、智能新闻发布、滚动公告、投票调查、背景图片颜色更换、店标上传、版权联系方式修改、背景音乐（好歌不断）、广告图片支持Flash、弹出浮动广告、搜索引擎关健词优化、图文友情联

下载

标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。如图

立即学习“前端免费学习笔记（深入）”；

设置背景图片样式。在

标签后面创建一个<style>标签，然后在这个标签里设置<body>标签的背景图片，以及背景图片不重复。'<p>样式代码：<pre class="brush:php;toolbar:false">body{ background-image: url(img/bg.jpg); background-repeat:no-repeat; }</pre><p><img src="https://img.php.cn/upload/image/101/832/846/1605842667794518.png" title="1605842667794518.png" alt="67851d2f9164b936271e4247b472852.png"/><p>保存html代码后使用浏览器打开，这个时候滚动浏览器滚动条发现背景图片是随浏览器滚动条的滚动而滚动的。<p><img src="https://img.php.cn/upload/image/943/102/700/1605842672440514.png" title="1605842672440514.png" alt="20344bc7642d8f080e8f5253ad9c33a.png"/><p>使用background-attachment: fixed设置背景图片不随滚动条而滚动。回到html代码页面，在body样式中添加上background-attachment: fixed即可。<p>如图<p><img src="https://img.php.cn/upload/image/399/323/641/1605842676462091.png" title="1605842676462091.png" alt="67bf2b823af91b15211eff325df4158.png"/><p>保存html代码页面后刷新浏览器，这个时候滚动浏览器滚动条发现背景图片已经固定不随浏览器滚动而滚动了。如图<p><img src="https://img.php.cn/upload/image/295/192/789/1605842680263144.png" title="1605842680263144.png" alt="8bdcdfdce0be0e94d03f520a597a163.png"/></style>