JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://www.greensock.com/_css/tour/greensock-theme/jquery-ui-1.9.1.custom.css">
<script src="http://www.greensock.com//js/src/tour/jquery/jquery-ui-1.9.1.custom.js"></script>
<script src="http://www.snorkl.tv/dev/libs/greensock/TweenMax.min.js"></script>
<div class="parent" id="parent1">
    <div class="child"></div>
</div>

<div class="parent" id="parent2">
    <div class="child ie8Fix"></div>
</div>

CSS

.parent{
    position:relative;
    width:300px;
    height:300px;
    background-color:#ff6600;
    margin-bottom:20px;
       
}
.child{
    position:relative;
    width:100px;
    height:100px;
    background-color:#000;
}

.ie8Fix{
 /* filter:inherit;*'
}

JavaScript

//IE8 Opacity
TweenLite.to($("#parent1"), 1, {css:{opacity:0}, delay:.8})
    
//parent2's child has .ie8Fix class applied
TweenLite.to($("#parent2"), 1, {css:{opacity:0}, delay:.8})