JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blackbalk">Text</div>

<!--[if lte IE 8]>
<style type="text/css">
.blackbalk {
    background: transparent
}
</style>
<![endif]-->

CSS

*, html, body { /* just to fix jsFiddle */
    background: red
}
.blackbalk {
     /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.85);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D8000000, endColorstr=#D8000000)";
        
    width: 985px;
    margin: 0 auto;
    height:255px;
    color: white;
}