title: CSS3 background: repeating-linear-gradient
body: <p>A couple of days ago I read this article: <a href="http://tutorialzine.com/2013/10/12-awesome-css3-features-you-can-finally-use/" rel="nofollow">http://tutorialzine.com/2013/10/12-awesome-css3-features-you-can-finally-use/</a></p>
  
  <p>and found about the new CSS3 syntax <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/repeating-linear-gradient" rel="nofollow"><code>repeating-linear-gradient</code></a>.</p>
  
  <p>So far it only works in FireFox, even though I use prefixes.</p>
  
  <pre><code>background: #000;
  background-image: -webkit-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
  background-image: -moz-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
  background-image: -ms-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
  background-image: -o-repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
  background-image: repeating-linear-gradient(-45deg, black, black, #2a2a2a 6px, #2a2a2a 6px);
  </code></pre>
  
  <p>I have the latest versions of Google Chrome(<code>Version 30.0.1599.101 m</code>) and IE(<code>v9.0.8112.16421</code>). I cannot update IE to a higher version, because of some company policies.</p>
  
  <p>Am I doing something wrong?</p>
  
  <p><a href="http://jsfiddle.net/ErmCr/" rel="nofollow">This is my fiddle</a></p>