Befestigung Hintergrund: fixed nicht funktioniert auf Android/ios

Question

Dies ist mein Code:

<div style="width: 100vw; height: 100vh; background-image: url(img/kid1/1.jpg); background-attachment: fixed; background-size: cover"></div> 
<div style="width: 100vw; height: 100vh; background-image: url(img/kid1/2.jpg); background-attachment: fixed; background-size: cover"></div> 

Es funktioniert gut mit Chrom auf meinem Laptop, aber nicht mit App Chrom oder einem beliebigen Web-Browser auf Android/ios (smart device) . Die Sache ist, ich habe diesen Code auf w3c Praxis mod versucht und es funktioniert auf meinem Handy, so ist mein Code nicht falsch, mein Telefon ist nicht falsch, also, was ist das Problem hier? Und wie kann ich das beheben? Ich bin Neuling so dass diese ein noob Frage sein könnte, aber dieser Fehler kotzt mich wirklich weg ...

Answer 1

Div Abdeckung (Version 1):

HTML5:

<div class="fixed"></div> 

CSS3:

.fixed { 
background: url(img/kid1/1.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

OR:

Div Abdeckung (Version 2):

HTML5:

<div class="fixed" style="background: url(img/kid1/1.jpg) no-repeat center center fixed;"></div> 

CSS3:

.fixed { 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

Oder auf "html" Tag (Vollbild-Cover):

html { 
background: url(img/kid1/1.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
} 

Einfach. :)

Answer 2

bacground-attachment: behoben;

.fixed { 
    background: url(img/kid1/1.jpg) no-repeat center center; 
    background-attachment:fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    } 

Answer 3

background-attachment: fixed wird von vielen Browsern für Mobiltelefone nicht unterstützt.

Wenn Sie hier klicken: http://caniuse.com/#feat=background-attachment, sehen Sie den Grund, warum auf Ihrem Laptop erhalten Sie ein anderes Ergebnis als das von Ihrem Telefon.

Bis jetzt habe ich festgestellt, dass das beste Ding zu tun ist, das Bild auf Telefonen als ein Bild ohne Parallaxe zu behandeln.

hoffen, dass es