SP2013 add gradient IE

Question

I am working on branding SP2013 and everything is working except for IE9 support the gradient. I tried adding in,

<!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->

but it did not fix the issue and SP2013 dev console did not like the syntax. Is there a way to do this or should I just do it via an image tag?

Answer 1

CSS gradients were added in IE 10. Can I use...

If you want to do this using CSS-only, you'll need to use a filter for <= IE 9.