css中固定背景图片怎么设置?用background-attachment属性

css中固定背景图片怎么设置?用background-attachment属性,用英文小写符号:连接background-attachment属性的值即可,写法如下:

background-attachment:fixed;

background-attachment属性设置背景图像是否固定或者随着页面的其余部分滚动。默认情况下,背景图像会随着页面其余部分的滚动而移动,举例如图:

背景图像会随着页面其余部分的滚动而移动图示

添加了background-attachment:fixed;后,当页面的其余部分滚动时,背景图像不会移动,举例如图:

添加了background-attachment:fixed;后,当页面的其余部分滚动时,背景图像不会移动图示

当你需要固定背景图片时,只需要添加background-attachment:fixed;即可。

还有一个点同学们要注意,背景图片并不是单个属性存在的,首先你要设置background-image属性,然后设置background-repeat属性,如果你需要改变背景图片的位置,才加上background-position属性,如果你想要页面的其余部分滚动时,背景图像不会移动,还要加上background-attachment属性

但是这样写background属性,会导致代码太过于臃肿,不简洁,下一节,我们学习简写background属性,详情点击:《css中background属性连写/简写/缩写的规则顺序》。

转载时请注明来源!首发:如乐建站之家
原文链接:
http://www.rulejianzhan.com/css/8079.html

作者如乐老师  如乐老师的QQ:349142701

  如乐老师的微信:349142701

  如乐老师的电话:13189611692

如果你有时间和精力自学,没必要找我帮你建网站,因为我写了快速建站教程,点击下图学习:



鼓励 知识小手