title: Linear gradient and url-image for browser mobile?
body: <p>I would like to have an image as background and also a CSS linear gradient :</p>
  
  <pre><code>background-image: url("/site/grigliatrasparente.png"), linear-gradient(left, #404040 0%, #dfbb80 2%,#dfbb80 98%,#404040 100%);
  </code></pre>
  
  <p>I dont'have problems with desktop browser (Firefox 44.x; IE 10; Chrome; Safari), but doesn't work with mobile browser (i tested with my iphone 5, (9.x) with safari, app firefox, app chrome). </p>
  
  <p>I use this: </p>
  
  <pre><code>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;  
  </code></pre>
  
  <p>What's the problem?</p>
  
  <p>Thanks a lot and sorry for my english :)</p>