设置背景图片不随着文本内容滚动而滚动的方法

  介绍

小编给大家分享一下设置背景图片不随着文本内容滚动而滚动的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

我们可以通过background-attachement属性中的固定值来固定图像,使它不随着文本内容的滚动而滚动

background-attachement属性主要是定义背景图像是否随内容滚动或者是保持固定

<强>它的属性值为

固定:表示背景图像在浏览器窗口中保持固定,并且在滚动元素或页面时不移动。<强>,

滚动:表示当文档滚动时,背景图像与对象一起滚动

在下面的案例中使用background-attachment属性中的“固定”,使背景不会随文本滚动而滚动

身体{   背景图片:url(“图像/7. jpg");   background-attachment:固定;   平铺方式:不再重演;   }

将固定换成卷轴,背景图将会随着文本的滚动而滚动

身体{   背景图片:url(“图像/7. jpg");   background-attachment:滚动;   平铺方式:不再重演;   }

以上是设置背景图片不随着文本内容滚动而滚动的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

设置背景图片不随着文本内容滚动而滚动的方法