트윈 최대 불투명도 (ie8)

Question

스크롤하는 동안 내 콘텐츠의 불투명도를 처리하기 위해 tween max 및 superscroll 스크립트를 사용하려고합니다.

크롬, 사파리, ff, ie9 및 ie10의 매력처럼 작동합니다. 그러나 ie8 문제가 있습니다.

이 페이지에서 문제를 볼 수 있습니다 IE8에서 아래로 스크롤하면 왼쪽에 메뉴가 흰색이 될 색상을 변경 http://www.promenade-sainte-catherine.com/localisation

. 이것은 괜찮습니다. 애니메이션이 끝나면 다시 녹색이됩니다. "DXImageTransform.Microsoft.Alpha (불투명도 = 0) 필터 : progid입니다;"

이

내 CSS입니다

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; } 

그리고 이것은 내가 제거하는 경우가

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); 

전화 tweenmax입니다 선. 그렇다면 잘 작동하지만 아무것도 페이지의 시작 부분에 불투명도가 없습니다.

나는 CSS를 추가하는 경우 : {불투명 : X, 알파 : X} 내가 변경하는 경우, 아무것도 변경,

을 {CSS : {불투명 : 0}}에 {CSS : {알파 : 0}}을 일의 종류, 그러나 나는 약간 문제점이 아직도있다.

아무도 아이디어가 있습니까?

감사

당신이 GreenSock 파일 (TweenMax)의 아주 이전 버전을 사용하고있는 것 같습니다

Answer 1

. 확실히 업데이트해야합니다. 바로 문제를 바로 잡을 수 있습니다. http://www.greensock.com/?download=GSAP-JS 그렇지 않으면 불투명하게 트위닝 해보십시오 : 1 대신 0.99가 당신을 위해 해결합니다. 그러나 다시 한 번, 업데이트가 도움이 될 것이라 확신합니다. 내 메모리가 올바르게 작동하면이 특정 시나리오에 TweenMax 업데이트에 적용된 해결 방법이 있었기 때문입니다.

Answer 2

또한 Greensock의 새 버전에서이 문제가 발생했습니다. 플러그인 때문이 아니라 CSS 때문입니다. 이 오류는 시작 문에이 사용자가 IE7을 지원하지 않으려면 완벽하게 확인하는 동안

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
opacity: 0; 

, 그것은 TweenMax의 애니메이션 규칙을 깰 것입니다. 당신이 GreenSock 파일 (TweenMax)의 아주 오래된 버전을 사용하는 것 같습니다

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
filter: alpha(opacity=0); 
opacity: 0;