css可以添加背景颜色和背景图片,如果想要设置背景的图片固定而不是滚动需要?

html-css012

css可以添加背景颜色和背景图片,如果想要设置背景的图片固定而不是滚动需要?,第1张

background-attachment: 々々( 请自行带入 )

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)}/*固定不动*/