I want to be crazy, this issue and GSAP little relationship, but when doing animation, because it is compatible with damn IE8 !!!
The code is as follows, the parent element set the transparency of 100, sub-elements If you set the transparency 0, and is a block element, and positioning to the picture above, then ie8 will show a broken element, this element background color and body the same background
<div class="box">
<div class="position">
<span class="txt">some text..</span>
</div>
<img src="images/s1.jpg">
</div>
<style>
body{
background-color:#000;
}
.box{
position:relative;
/*Must be set because the simulated gasp appears from 0 transparency (final 100)*/
opacity:100;
filter:alpha(opacity=100);
}
.position{
/*Need to position the text on the picture*/
position:absolute;
left:50px;
top:50px;
}
.position .txt{
/*Need to hide waiting for the animation to show up,Float is because the need for block-level elements can be transparent*/
float:left;
opacity:0;
filter:alpha(opacity=0);
}
</style>
Screenshot:
Masters, how can i do?
thx++++++...