JSFiddle - React, Tailwind, and code Playground

HTML

<!--[if lt IE 7 ]> <div class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <div class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <div class="ie8 ie8and9"> <![endif]-->
<!--[if IE 9 ]>    <div class="ie9 ie8and9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <div class=""> <!--<![endif]-->
<h1 data-innertext="Fear my shadow!">Fear my shadow!</h1>
</div>

CSS

body { background-color: lightgreen; }
h1 {
    color: white;
    font-family: Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 1.2em;
    text-shadow: #333 2px 2px 3px;
    padding-bottom:2px;
}
.ie8and9 > h1 {
    zoom: 1;
    color: #333;
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}
.ie8and9 > h1:before {
    position: absolute;
    color: white;
    content: attr(data-innertext);
}