title: background clip text is not working in IE
body: <p>I have requirement to display the text in a gradient format. Below is the example</p>
  
  <p>Html</p>
  
  <pre><code>&lt;div class="banner"&gt;Free account&lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.banner{
      font-family: Univers LT Std Bold;
      font-size: 18pt;
      font-weight: bold;
      /* background: lightblue; */
      background: -webkit-linear-gradient(right,#00853f 20%, #8cc63f 80%);
      background: -ms-linear-gradient(right,#00853f 20%, #8cc63f 80%);
      color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
  }
  </code></pre>
  
  <p>The problem is in IE the "background-clip: text;" is not working. Please suggest how to resolve this or please suggest is there any alternative way.</p>