title: linear-gradient to transparent bug in latest safari?
body: <p>I'm applying a basic linear-gradient like this:</p>
  
  <pre><code>background-image:  linear-gradient(to top, red, rgba(0,0,0,0));
  </code></pre>
  
  <p>this behaves as it's supposed to everywhere except in safari where the transparent is rendered as a blackish/greyish color:</p>
  
  <p>here's chrome (how it is supposed to be):</p>
  
  <p><a href="https://i.stack.imgur.com/BAyNM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BAyNM.png" alt="enter image description here"></a></p>
  
  <p>and here's safari</p>
  
  <p><a href="https://i.stack.imgur.com/kpFfg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/kpFfg.png" alt="enter image description here"></a></p>
  
  <p>I've tried prefixing it with <code>-webkit-</code>, changing the <code>rgba</code> to <code>rgba(0,0,0,0.001)</code> but it never goes to solid transparent. is this a bug? is there a way to fix this?</p>
  
  <p>here's a fiddle <a href="https://jsfiddle.net/2Lrp3sv1/2/" rel="noreferrer">https://jsfiddle.net/2Lrp3sv1/2/</a></p>