全屏背景图,滚动有留白解决办法

当我们在写页面时,会遇到全图背景图的情况,当我们缩小浏览器并进行滚动时,可能会导致页面有留白,情况如下:


image.png

解决方法:


image.png

加一条属性position: fixed;使其脱离文档流便可;
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 7,395评论 0 7
  • Mobile Web Favorites 参与贡献 移动前端开发收藏夹,欢迎使用Issues以及 Pull Req...
    柴东啊阅读 4,227评论 0 2
  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 4,272评论 0 1
  • mobileHack 这里收集了许多移动端上遇到的各种坑与相对解决方案 工具类网站 HTML5 与 CSS3 技术...
    Zoemings阅读 11,592评论 0 12
  • 今天早上给朋友的父亲拿了氢水杯用,感觉很好,又氢健康事业又有了信心和冲动。愿氢健康对老年人疾病康复真如期待的那样。...
    王翼wy阅读 1,270评论 0 2

友情链接更多精彩内容