ブートストラップ3廃止モバイルフルページの背景

Question

私は管理しているサイトのインターフェースページにブートストラップ3を使用しています。私はこのCSSを使用して私のフルページの背景イメージを設定しました：

background-image:url('/path/to/image.jpg'); 
background-repeat: no-repeat; 
background-position: center center; 
background-attachment: fixed; 
background-size: cover; 

それは素晴らしい...デスクトップ上で。モバイルでは、イメージは非常に小さい解像度にリサイズされ、ブートストラップ3パネルの上にプッシュされます。

Here is a picture。デスクトップ上では、画像は全ページをカバーします。
ここにはjsfiddleがあります。

私がブートストラップコードを削除するとうまくいくということです。たとえば、ブートストラップを使用していない別のページでは、同じCSSが使用されます。画像は、デスクトップやモバイルでうまく調整されます。

何が問題なのですか？

おかげ

Answer 1

最後に使用しました。 <img src="/resources/ui_bg.jpg" style="width:100%;height:100%;position:absolute;top:0;left:0‌​;z-index:-5000;" alt="">

ありがとうございました！

Answer 2

私はわからないけど、多分あなたは携帯電話で使用しているブラウザに依存？

追加してみてください：

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

私は間違っているかもしれませんが、試してみる価値。

希望します。