千家信息网

css如何通过background-attachment属性防止滚动

发表于:2024-10-12 作者:千家信息网编辑
千家信息网最后更新 2024年10月12日,小编给大家分享一下css如何通过background-attachment属性防止滚动,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了
千家信息网最后更新 2024年10月12日css如何通过background-attachment属性防止滚动

小编给大家分享一下css如何通过background-attachment属性防止滚动,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

假设文档比照长,那末当文档向下动弹时,后盾图像也会随之动弹。当文档滚动到逾越图象的位子时,图象就会失踪。

您可以颠末 background-attachment 属性防止这种滚动。经由这个属性,能够声明图像相对付可视区是静止的(fixed),因此不会受到动弹的影响:

body   {  bac千克round-image:url(/i/eg_bg_02.gif);  bac公斤round-repeat:no-repeat;  bac千克round-attachment:fixed  }

如需查看上例的效果,或者亲自试一试。

bac公斤round-attachment 属性的默许值是 scroll,也就是说,在默认的情况下,布景会随文档动弹。

以上是"css如何通过background-attachment属性防止滚动"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0