div背景画像とiOS Mobile Safariの互換性の問題

Question

私は上記のdiv内に垂直に収まるように背景画像を持つ単一の '.home' divを持っています。 Mobile SafariでのiPhoneのブラウジングを除いて、モバイルでは完全に機能します。

HTMLコード：

<div id="home" class="home"> <!-- This div has a background image --> 
    <div class="overlay sections"> 
     <div class="container text-center"> 
      <div class="row"> 
       <div class="div-menu"> 
        <header class="cd-header"> 
         <div id="cd-logo"> 
          <a href="index.html"><img id="logo-animated" src="assets/images/logos/vera_sing_logo.png" alt="Logo"></a> 
         </div> 
         <a class="cd-menu-trigger" href="#main-nav"><span></span></a> 
        </header> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

これはCSSです：

.home{ 
     background: url(../images/horizontal/home.jpg) no-repeat center top fixed; 
     background-size: cover; 
     -moz-background-size: cover; 
     -webkit-background-size: cover; 
     -o-background-size: cover; 
     width: 100%; 
     overflow: hidden; 
    } 

あなたがウェブサイト（およびソースコード）を確認することができますので、私は、オープンリポジトリを持ってここに住ん：https://fieel.github.io/VeraSings/

Mobile Safariで開くと、画像の左上隅のみが表示されますが、これは明らかに正しくありません。これは、モバイルChromeを使用してAndroid搭載端末で閲覧している正しいです。

互換性の問題は何ですか？私のCSSのMobile Safariでの不具合は何ですか？

Answer 1

data-attachment : fixedが実際に機能しなかったためです。しばらくお待ちくださいhttps://codepen.io/gentlemedia/pen/JJEzwO