CSS background-image ne fonctionne pas correctement sur mobile android

C'est le code j'utilise en ce moment:

background: url(myimage.jpg) no-repeat center center fixed;
background-size:100% 100%!important;
background-position:0 0!important;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:cover;
background-attachment:scroll;

Sur android j'ai parcouru avec google Chrome. Quand je scroll vers le bas je veux que l'image de fond statique. Puis-je y parvenir d'une autre manière?

OriginalL'auteur melbourne | 2013-04-29

  1. 11

    Malheureusement pas, ce qui semble être un bug de Google, qui n'a jamais fixe.

    Personnellement, je traite avec exactement le même problème la semaine dernière et finit par abandonner la recherche d'une solution.

    La soumission de bug

    Pour l'enregistrement, il n'est également pas possible sur Safari sur iOS.

    il est possible que sur iOS. sa fonctionne très bien pour moi. tu merci de me le faire savoir sur le google bug.
    Vu sur que la soumission de bug forum que quelqu'un a réussi à le faire avec l'arrière-plan-attachament:de défilement. comment est-ce possible ?

    OriginalL'auteur Jase Whatson

  2. 10

    De l'essayer. A fonctionné pour moi, après plusieurs essais et erreurs.

    html {
background-image:url('myimage.jpg');
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 100%; 
overflow: hidden;
}

body {           
height:100%;
overflow: scroll;
}
    Je crois que c'est le fond de taille qui contribue à
    Cela a fonctionné pour moi! Et non, background-size n'aide pas... c'est la height et overflow truc qui le fait...
    Optez pour cette solution, il a également travaillé pour moi, après beaucoup de serarchs

    OriginalL'auteur MPaulo

  3. 2

    Grâce à nullptr il existe un correctif dans le rapport de bug qui fonctionne. Sur le post #23 à l'aide de la overflow-y bien comme ça :

    html, body {
    height: 100%;
}
html {
    overflow-y: hidden;
}
body {
    overflow-y: scroll;
}
body {
    background: url(myimage.jpg) no-repeat center fixed;
    background-size: cover;
}

    si vous souhaitez appliquer l'arrière-plan de l'image sur un autre élément à la place de la body assurez-vous que le parent contient les overflow-y propriété hidden et l'élément de scroll.

    Fonctionne bien, j'ai aussi mis overflow: hidden; également sur body pour éviter de voir la barre de défilement sur le navigateur de l'ordinateur

    OriginalL'auteur Pierre Teyssedre