scroll: 背景图片随着页面滚动而滚动
fixed: 背景图片不会随着页面滚动而滚动
local: 背景图片会随着元素内容滚动而滚动
initial: 跟随默认值
inherit: 继承父级样式
新建一个html文件,命名为test.html,用于讲解css怎么让背景图片固定不动。1、在test.html文件中,创建多个p标签,让页面产生滚动条。
2、在css样式中,使用background-image属性设置页面的背景图片为2.jpg,将background-repeat属性设置为no-repeat,让背景图片不重复显示。
3、在css样式中,再将background-attachment属性设置为fixed,实现当页面滚动时,背景图片在页面中固定不动。
4、在浏览器打开test.html文件,向下滚动页面,查看结果。
分类: 电脑/网络 >>程序设计 >>其他编程语言问题描述:
只用CSS让背景层固定不动,在背景层上还有个层它随滚动条?
这个怎么实现哦
解析:
background-image,用它可以指定整个网页的背景图片(将它放在BODY标签内),也可以是某一个单词。
background-repeat 是否循环背景
p {background-repeat:no-repeatbackground-image:url(background.gif)}/*不循环*/
p {background-repeat:repeatbackground-image:url(background.gif)}/*循环*/
background-attachment 是否固定背景
body {background-attachment:scrollbackground-image:url(background.gif)}/*随文字一起滚动*/
body {background-attachment:fixedbackground-image:url(background.gif)}/*固定不动*/