首页前端开发CSS通过 background-attachment 属性防止滚动

通过 background-attachment 属性防止滚动

时间2024-05-23 16:18:04发布访客分类CSS浏览86
导读:假设文档比照长,那末当文档向下动弹时,后盾图像也会随之动弹。当文档滚动到逾越图象的位子时,图象就会失踪。 您可以颠末background-attachment 属性防止这种滚动。经由这个属性,能够声明图像相对付可视区是静止的(fixed)...

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

您可以颠末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,也就是说,在默认的情况下,布景会随文档动弹。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 通过 background-attachment 属性防止滚动
本文地址: https://pptw.com/jishu/666422.html
archlinux中怎么设置中文环境 用户代理对源文档中的空格、换行

游客 回复需填写必要信息