html设置背景图片不能滚动？

html-css027

html设置背景图片不能滚动？,第1张

不能滚动是不是说明网页的内容还不足以撑开浏览器的高度。

没有网页适应背景图片的说法，应该是背景图片铺满浏览器。

背景默认是全屏铺满，但是可以通过background-repeat来设置背景是否重复

background-repeat：no-repeat 不重复

background-repeat：repeat-x 水平重复

background-repeat：repeat-y 垂直平铺

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<script>标签，输入js代码：style="background-image:url(image.jpg)background-repeat:no-repeatbackground-attachment:fixed"。

3、浏览器运行index.html页面，此时滚条拉动，页面内容能动，背景图片不动。