css – 浏览器移动的线性渐变和url图像？

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

我不会遇到桌面浏览器(Firefox 44.x; IE 10; Chrome; Safari)的问题,但不适用于移动浏览器(我使用我的iphone 5测试,(9.X)使用​​safari,app firefox,app铬).

我用这个：

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

有什么问题？

非常感谢,对不起我的英语:)