фон крепления: фиксированное не работает на Android/КСН

Question

Это мой код:

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

Он отлично работает с хромом на моем ноутбуке, но не с приложением хрома или любой веб-браузер на Android/КСН (смарт-устройства) , Дело в том, что я пробовал этот код на модмене w3c, и он работал на моем телефоне, поэтому мой код не ошибается, мой телефон не ошибается, так что в этом проблема? И как я могу это исправить? Я новичок, так что это может быть нуб вопрос, но эта ошибка действительно бесит меня ...

Answer 1

Div крышка (версия 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; 
} 

ИЛИ:

Div крышка (версия 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; 
} 

Или на "HTML" тегов (полноэкранный режим обложка):

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

Простой.)

Answer 2

bacground-attachment: fixed;

.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 не поддерживается во многих браузерах для мобильных телефонов.

Если вы проверите здесь: http://caniuse.com/#feat=background-attachment, вы увидите причину, по которой на вашем ноутбуке вы получите другой результат, который один из вашего телефона.

До сих пор я обнаружил, что лучше всего рассматривать изображение на телефонах как изображение без параллакса.

надеюсь, что это помогает