фоновое вложение: исправлено, не работает на Android / IOS

Это мой код:

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

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

 Viktor Camp25 апр. 2017 г., 02:49
Проверьте это, может быть, это решит вашу проблему:stackoverflow.com/questions/24154666/...

Ответы на вопрос(3)

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

Просто. :)

 Hà Trần22 июл. 2016 г., 23:43
Спасибо, я очень ценю, что вы нашли время. Я нашел этот сайт раньше, и он работал (но это приводит к другой ошибке), но найти другой способ выполнить работу здесь не моя цель. Я хочу понять об этой ошибке и исправить ее, если это возможно.
 Hà Trần22 июл. 2016 г., 06:23
Извините, но это все еще не работает :(
 DEHM22 июл. 2016 г., 21:50
css-tricks.com/perfect-full-page-background-image Вот классный пример с демо. Может быть, это работает для вас ...
 Hà Trần22 июл. 2016 г., 06:35
Да ... Вот почему я зол ... Вы можете проверить это khanhlam-nguyen.com
 DEHM22 июл. 2016 г., 06:27
С помощью: «background: url (img / kid1 / 1.jpg) фиксированный центр без повтора центра»; в html и "-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;" в формате css или background-size: cover! важный; ?
 DEHM22 июл. 2016 г., 06:02
Иногда это "background-attachment: fixed;" глючит на андроид / иос. Вы должны написать: "" background: url (img / kid1 / 1.jpg) фиксированный центр без повтора центра; "
 DEHM22 июл. 2016 г., 06:14
Голосуйте, когда проблема решена. :)
 Hà Trần22 июл. 2016 г., 05:59
Но я не вижу разницы. Вы нашли что-то не так с моим кодом?

задний-крепление: фиксированный;

 .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;
    }
 Pang23 июл. 2016 г., 03:37
Пожалуйста, пишите правильно.bacground-attachment в твоем ответе есть ошибка Также, пожалуйста, не размещайте два очень похожих ответа на один и тот же вопрос. Благодарю.

background-attachment: fixed не поддерживается во многих браузерах мобильных телефонов.

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

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

Надеюсь, поможет

Ваш ответ на вопрос