title: Tween max opacity in ie8
body: <p>I'm trying to use tween max and superscroll script, to handle opacity of my content while scrolling.</p>
  
  <p>This works like a charm in chrome, safari, ff, ie9 and ie10.
  However, I have an issue with ie8.</p>
  
  <p>You can see the problem in this page : <a href="http://www.promenade-sainte-catherine.com/localisation" rel="nofollow">http://www.promenade-sainte-catherine.com/localisation</a></p>
  
  <p>When scrolling down in ie8, the menu on the left changes its color to become white. This is okay, and once the animation is finished, it becomes green again. </p>
  
  <p>This is my css : </p>
  
  <pre><code>   body #menuGaucheContainer #menuGauche .logoPSC {
      position: relative; zoom:1;}
      /* line 270, sass/partial/_global.scss */
      body #menuGaucheContainer #menuGauche .logoPSC #log1, body #menuGaucheContainer #menuGauche                .logoPSC #log2 {
        opacity: 0;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        position: absolute;
        top: -109px;
        left: 75px; }
  </code></pre>
  
  <p>And this is the tweenmax call</p>
  
  <pre><code>   controller.addTween('#aucoeurducentrevilleContainer', 
          TweenMax.fromTo(jQuery('#img2Localisation'), 1,
              {css:{opacity:0}},
              {css:{opacity:1}}), 
          200);
      controller.addTween('#aucoeurducentrevilleContainer', 
          TweenMax.fromTo(jQuery('#log2'), 1,
              {css:{opacity:0}},
              {css:{opacity:1}}), 
          200);
  </code></pre>
  
  <p>If I remove the "filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);" line. Then it works good, but nothing have an opacity of zero at the beginning of the page. </p>
  
  <p>If I add css:{opacity:X, alpha:X}, nothing changes, </p>
  
  <p>If I change {css:{opacity:0}} to {css:{alpha:0}}, it kind of works, but I still have some issues.</p>
  
  <p>Does anyone have any idea ? </p>
  
  <p>Thanks</p>