美文网首页
移动端背景无法固定解决方案

移动端背景无法固定解决方案

作者: mickeylight | 来源:发表于2016-11-01 09:38 被阅读0次

在项目过程中,遇到这样一个问题,背景图片固定背景,不随着滚动条滚动!

大伙都知道直接用背景固定位就可以解决了!

     background:url(...) fixed;



但是在移动端项目使用过程中,这效果始终无法实现背景固定定位,安卓及苹果机都不能有效的背景固定!

所以找了以下方法解决!

body:before {

     content: ' ';

     position: fixed;

    z-index: -1;

   top: 0;

   right: 0;

    bottom: 0;

    left: 0;

    background: url(...) center 0 no-repeat;

    background-size: cover;

}

相关文章

  • css总结

    移动端背景无法固定解决方案 body:before { content: ' '; position: fixed...

  • 移动端背景无法固定解决方案

    在项目过程中,遇到这样一个问题,背景图片固定背景,不随着滚动条滚动! 大伙都知道直接用背景固定位就可以解决了! ...

  • 移动端数字框整理

    背景 移动端需要限制输入数字区分小数和整数,限制文字输入。 遇到的坑 期待更优解决方案,请留言,谢谢!! 解决方案...

  • 移动端布局rem解决方案

    移动端布局rem解决方案

  • 移动端常见面试题一:移动端兼容解决方案

    文章来源:移动端常见面试题一:移动端兼容解决方案 1、安卓浏览器看背景图片,有些设备会模糊 因为手机分辨率太小,如...

  • website-bug-video

    Bug:网页PC端和移动端背景不同; PC端背景为视频,移动端背景为图片切换动画。从手机上某个app上点击网址打开...

  • fixed布局在移动端出现的问题及解决方案

    今天给大家分享一下fixed布局在移动端出现的问题及解决方案。 1.背景介绍 移动端业务开发,iOS 下经常会有...

  • 网易 Android 工程模板化实践

    视频链接 0 背景 我们网易前端技术部 - 移动技术组作为公司的移动端基础技术部门,主要为其他部门提供解决方案、技...

  • H5接入支付宝支付,android适配url拦截alipays:

    1、问题背景: 问题:商城H5接入支付宝支付,点击白屏解决方案:需要移动端配合拦截指定url(alipays://...

  • 移动端的小坑

    ios点击图片或者图片会产生灰色的背景: 移动端的line-height有问题,有的手机偏上,有的手机偏下解决方案...

网友评论

      本文标题:移动端背景无法固定解决方案

      本文链接:https://www.haomeiwen.com/subject/qscmuttx.html