基于css的固定背景图像实现方法
发布时间： 2020-08-29 11:26:59
来源：亿速云
阅读： 81
作者： ttddw
向您展示css如何实现固定的背景图像。 我想大多数人还不太了解。 因此，让我们分享这篇文章作为参考。 希望读了这篇文章能取得很大的成果。 以下，一起理解一下吧。
固定背景图像是指在页面上输入内容或移动鼠标时，背景图像不会发生变化。 利用css固定背景图像也非常简单，可以利用css中关于background的属性来实现。
那么，在前一篇文章中介绍了CSS如何实现背景图像的重复效果。
继续介绍css背景图像固定的实现方法。
代码如下。
body {
background-image : URL (/test/img/154 e.png )；
background-repeat :否- repeat；
背景附加3360固定；
}
这里是一行文字。 圣诞快乐！
这里是一行文字。 圣诞快乐！
这里是一行文字。 圣诞快乐！
这里是一行文字。 圣诞快乐！
这里是一行文字。 圣诞快乐！
这里是一行文字。 圣诞快乐！
效果如下图所示。
与背景相关的属性：
background-attachment属性设置背景图像是固定的还是滚动以适应页面的其馀部分。 fixed值表示即使页面的其馀部分滚动，背景图像也不会移动。
background-repeat属性设置是否重复背景图像和如何重复。
以上是css实现固定背景图像的全部方法。 谢谢您的阅读。 我相信大家得到了一定的理解。 希望想分享的内容对大家有帮助。 另外，如果你想学习更多的知识，请关注亿速云行业的信息通道。