ie8中吐温最大不透明度

我试图使用补间最大和超滚动脚本来处理滚动时我的内容的不透明度。ie8中吐温最大不透明度

这在铬，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);

如果我删除 “过滤器：进程id：DXImageTransform.Microsoft.Alpha（不透明度= 0）;”线。然后，它的效果很好，但在页面开始处没有任何零不透明度。

如果我添加CSS：{不透明度：X，字母：X}，没有什么变化，

如果我改变{CSS：{不透明度：0}}到{CSS：{阿尔法：0}}，它一些作品，但我仍然有一些问题。

有没有人有任何想法？

感谢

来源

2013-04-26 Thoma Biguères

它看起来像您使用的是很旧版本的使用GreenSock文件（TweenMax）的。你一定要更新 - 这可能会解决问题。 http://www.greensock.com/?download=GSAP-JS否则，我会很好奇，如果补间不透明：0.99而不是1为你解决的事情。 – Jack 2013-04-28 06:34:35

是的，这完全取得了诀窍：不透明度：0.99而不是1. 非常感谢。有没有一种方法，我接受你的答案，这样你就可以受益（还有很多我不明白在Stackoverflow） – 2013-05-01 23:16:04

当然，我只是将它添加为您可以接受的答案。无论如何，我可能本应该这样做 - 对不起。 – Jack 2013-05-06 19:29:45

它看起来像您使用的是非常老版本的使用GreenSock文件（TweenMax）的。你一定要更新 - 这可能会解决问题。 http://www.greensock.com/?download=GSAP-JS否则，尝试补间不透明度：0.99而不是1为你解决事情。但是，我很确定更新会有所帮助，因为如果我的内存正确运行，那么此特定方案在TweenMax更新中应用了一种解决方法。

来源

2013-05-06 19:31:41 Jack

我不想更新该文件，担心可能来自该问题的其他问题。所以0.99的解决方案，而不是1工作完美:)谢谢 – 2013-05-06 19:56:52

我也有一个新版本的Greensock这个问题，它不是因为插件，而是因为CSS。该错误是在开始发言：

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

虽然这是完全确定的，如果你不希望支持IE7，这将打破TweenMax的动画规则。解决方法是添加IE5，IE7 CSS规则，即使你不支持IE7一般：

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

来源

2013-11-19 14:38:32

ie8中吐温最大不透明度

回答

相关问题