Я пытаюсь использовать сценарий tween max и superscroll, чтобы обрабатывать непрозрачность моего содержимого при прокрутке.
Это прекрасно работает в chrome, safari, ff, ie9 и ie10. Однако у меня проблема с ie8.
Вы можете увидеть проблему на этой странице: http://www.promenade-sainte-catherine.com/localisation
При прокрутке вниз в ie8 меню слева меняет свой цвет на белый. Это нормально, и как только анимация закончится, она снова станет зеленой.
Это мой 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; }
И это вызов tweenmax
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);
Если я удалю фильтр: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);" линия. Тогда это работает хорошо, но ничто не имеет нулевой непрозрачности в начале страницы.
Если я добавлю css:{opacity:X, alpha:X}, ничего не изменится,
Если я изменю {css:{opacity:0}} на {css:{alpha:0}}, это вроде как сработает, но у меня все еще есть некоторые проблемы.
У кого-нибудь есть идеи?
Спасибо