css - モバイルでの全幅背景のブートストラップ

Question

ブートストラップ サイトで全幅の背景を取得しようとしています。これはデスクトップ ブラウザーでは機能しますが、モバイル デバイスではうまくいきません。これが私のコードです（簡略化）。

html {
   background:url(../img/bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  background-color: #131516 !important;
}
body {
  background-color: transparent !important;  (to override bootstraps default color)
}

私が抱えている問題は、私がテストしている多くのモバイル デバイス (Android/iPhone) が位置固定をサポートしていないため、ページをスクロールすると背景画像が上に移動することです。私のサイトはすべて 1 つのページに組み込まれているため、上記のコードを body タグだけに移動すると、コンテンツ (現在は 100% の高さ) が垂直方向に長いため、背景画像が実際に引き伸ばされます。

これを行うためのより良いcssの方法があれば理想的ですが、必要なのはjqueryであると想像できます。hereのjqueryの例をいくつか試しましたが、どれも正しく動作しませんでした。これを機能させる簡単なクロスプラットフォームの方法を持っている人はいますか?