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

成都创新互联自2013年起，先为上城等服务建站，上城等地企业，进行企业商务咨询服务。为上城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

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

您可以颠末 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属性防止滚动”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

当前文章：css如何通过background-attachment属性防止滚动
分享链接：http://lswzjz.com/article/jdesjs.html