title: Gradient not displaying correctly in Microsoft Edge
body: <p>There is an ADOBE illustrator generated gradient and the CSS code is as below: </p>
  
  <pre><code>.firs{
      background: #4B79A1;
      background : -moz-linear-gradient(.....) 100%);
      background : -webkit-linear-gradient(.....) 100%);
      background : -webkit-gradient(....),color-stop(.....) ));
      background : -o-linear-gradient(.....) 0%, rgba(......) 0%, rgba(......) 25.17%, rgba(.........) 50.5%, rgba(.......) 75.17%, rgba(.......) 100%);
      background : -ms-linear-gradient(........) 0%, rgba(........) 0%, rgba(.........., 1) 25.17%, rgba(............., 1) 50.5%, rgba(..........., 1) 75.17%, rgba(............., 1) 100%);
  }
  </code></pre>
  
  <p>the gradient CSS runs smoothly in Chrome and Firefox, but in Edge, it becomes <a href="https://i.stack.imgur.com/Vt0Ym.png" rel="nofollow noreferrer">like this</a>.</p>
  
  <p>Is there any way to solve this problem? </p>