JSFiddle - React, Tailwind, and code Playground

by alkos333

HTML

<!--[if lt IE 9]> 
<div class="lt-ie9"> 
<![endif]--> 
<!--[if gt IE 8]> 
<div> 
<![endif]--> 
    <div class="logo modern"></div>
    <div class="logo ancient">
        <img src="http://pmsicp010.dev.pmsi.com/css/img/preferredmeals-logo.png" />
    </div>
</div>

CSS

.logo {
    width: 158px;
    height: 34px;
}

.logo.modern {
    background: url('http://pmsicp010.dev.pmsi.com/css/img/preferredmeals-logo-2x.png');
    background-size: 100% 100%;
}

.logo.ancient {
    display: none;
}

.logo.ancient img {
    width: 158px;
    height: 34px;
}

.lt-ie9 .logo.modern {
    display: none;
}

.lt-ie9 .logo.ancient {
    display: block;
}