JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title>tranparent</title>
</head>
<body>
  
  <div class="transparentGradient">Transparent gradient.</div>
  
</body>
</html>

CSS

body {
    background-image: url('http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/noisy_grid.png');
}

.transparentGradient {
    
    zoom: 1;
    
    /* IE lte 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=0, endColorStr=#FFFFFF
    );
    
    /* IE8 */
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(
        gradientType=1, startColor=0, endColorStr=#FFFFFF
    );
}