Исправлено фоновое изображение на div, не работающем на устройстве iOS? [JSFiddle inside]

Question

Вот базовое расположение того, что я делаю: куча divs, уложенных друг на друга (все 100% ширины) с некоторыми div, содержащими фиксированные фоновые изображения. Они отлично смотрятся на настольных браузерах, но не работают на устройствах iOS (прокручиваются фоновые изображения, и они не заполняют экран должным образом).

Как я могу это работать на iOS?

https://jsfiddle.net/8hfa679n/

#about { 
    background-image:url("http://s1.picswalls.com/wallpapers/2016/06/10/4k-desktop-wallpaper_065227602_309.jpg"); 
    background-attachment:fixed; 
    background-position:center center; 
    background-repeat:no-repeat; 
    background-size:cover; 
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover; 
} 

Answer 1

Не достаточно информации: IOS версия, версия браузера, например, изображение, и т.д ... вы пробовали this?

Answer 2

Попробуйте создание медиа-запрос с Javascript и подтяните CSS в соответствии с устройством используется,

Вы просто иметь добавить следующий код в CSS:

background-attachment:scroll 

Тянуть до другого CSS для конкретного использования браузера это:

if (navigator.userAgent.search("Safari") >= 0 && navigator.userAgent.search("Chrome") < 0) 
{ 
    document.write('<'+'link rel="stylesheet" href="../component/newstyle.css" />');   

Позвольте мне знать, если это работает :)