title: CSS : Background linear gradient shows up black in safari
body: <p>I made a <code>background: linear-gradient</code> in my CSS, it renders well in :</p>
  
  <ul>
  <li>Chrome (PC + Mac)</li>
  <li>Mozilla (PC + Mac)</li>
  <li>Opera (PC + Mac)</li>
  <li>Internet Explorer </li>
  </ul>
  
  <p>But the grey color (or white or any other color by the way) renders black instead. I tried the "cross browser compatibility" advices <a href="https://stackoverflow.com/questions/11693580/linear-gradient-in-chrome-and-safari-browsers">here</a> but still unsuccessful.</p>
  
  <p>What can I do to make it work on mordern Safari (MacOS) ? So that the <code>linear-gradient</code> turns white or grey above my <code>&lt;img&gt;</code> ?</p>
  
  <p>NOTE: <a href="https://codepen.io/RynuX/pen/ELPvpJ" rel="nofollow noreferrer">Here is a demo of what I did</a></p>
  
  <p><strong>EDIT: QUESTION SOLVED, Look at the answer for more details!</strong></p>