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

发表于2016-11-11 09:23:18

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

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

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;
}


这块代码相信一看就明白意思了!


转载自:http://www.qdfuns.com/notes/12367/23a240dc97a4b427faf90da47a5fb2fd.html

评论(0)

请先登录后再评论,如果没有账号请先注册

发表评论