iOSデバイスで動作していないdivの背景画像を修正しましたか？ [JSFiddle inside]

Question

ここには、私がやっている基本的なレイアウトがあります：複数のdivが固定された背景画像を含むdivの束（すべて100％幅）。デスクトップブラウザでは素晴らしいレンダリングが行われますが、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

あなたは自分のCSSに以下のコードを追加していますJavaScriptでメディアクエリを設定してみて、使用中のデバイスに応じて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" />');   

これは:)

をうまくいくなら、私を知ってみましょう