ブラウザーのモバイル用の直線勾配とURL画像？

Question

私は背景ともCSSの直線勾配などのイメージを持っているしたいと思います：

background-image: url("/site/grigliatrasparente.png"), linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%); 

私はデスクトップブラウザ（Firefoxの44.x、IE 10、クローム、サファリ）の問題をdont'haveが、」doesnのモバイルブラウザ（iphone 5（9.x）でSafari、App Firefox、App Chromeでテスト済み）で動作します。

私はこれを使用します。問題は何

background-image: url("/site/grigliatrasparente.png"), -moz-linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%); 
background-image: url("/site/grigliatrasparente.png"), -webkit-linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%); 
background-image: url("/site/grigliatrasparente.png"), -o-linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%); 
background-image: url("/site/grigliatrasparente.png"), -ms-linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%); 
background-image: url("/site/grigliatrasparente.png"), -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#404040), color-stop(2%,#dfbb80),color-stop(98%,#dfbb80),color-stop(100%,#404040)); 
background-image: url("/site/grigliatrasparente.png"), linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%); 
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#404040, endColorstr=#dfbb80); 
background-color: #dfbb80; 

を？ CSS3の複数の背景の初期の頃には

どうもありがとう、私の英語のため申し訳ありません:)

Answer 1

、問題は勾配が背景IMGの代わりになるということでしたが、物事を解決し得るとすることができますmozilla-developerであなたのアイデアのような、モバイルでもうまく動作するような例を見つけてください。
あなたのCSSはうまく見えますが、autoprefixrを実行してプレフィックスを更新することもできます。
プレフィックスのうちの1つがディスプレイを乱す可能性について考えてみる前に、最初に機能する例（もちろんCSS）を確認し、背景画像の背景と背景と背景の位置を設定してください。

Answer 2

以下の[jsfiddle]リンクを確認してください。私の例では、非接頭辞の直線勾配は、最後syntaxisに修正されました。（この場合には使用して「に...」方向のため）

background-image: url(http://placehold.it/350x150), linear-gradient(to right, #404040 0%, #dfbb80 2%, #dfbb80 98%, #404040 100%); 

https://jsfiddle.net/3u2Lhx6k/

より詳細な情報：https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient。