css怎么让背景图片固定不动

 时间:2024-10-20 13:46:49

在css中,可以通过background-attachment属性实现让背景图片在殳陌抻泥页面中固定不动。下面小编举例讲解css怎么让背景图片固定不动。

css怎么让背景图片固定不动

工具/原料

联想笔记本Air14

操作系统Windows10

zendstudio10.0

方法/步骤

1、新建一个html文件,命名为test.html,用于讲解css怎么让背景图片固定不动。

css怎么让背景图片固定不动

2、在test.html文件中,创建多个p标签,让页面产生滚动条。

css怎么让背景图片固定不动

3、在css样式中,使用background-image属性设置页面的背景图片为2.j圬桦孰礅pg,将background-repeat属性设置为no-repeat,让背景图片不重复显示。

css怎么让背景图片固定不动

4、在css样式中,再将background-attachment属性设置为fixed,实现当页面滚动时,背景图片在页面中固定不动。

css怎么让背景图片固定不动

5、在浏览器打开test.html文件,向下滚动页面,查看结果。

css怎么让背景图片固定不动

html轮播图怎么制作 网页设计HTML中如何插入背景图片 实现整个html居中最简单方法 怎样让html中的文字垂直水平居中显示 如何在HTML中插入图片
热门搜索
主婚车装饰图片 陈伟霆图片高清壁纸 宾馆标准间图片 音乐海报图片 大卫科波菲尔电影