Databases
StackOverflow2013
Postsdbo
POTween max opacity in ie8
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POTween max opacity in ie8
    primarykey
    data
    text
    <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>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USThoma Biguères
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COIt looks like you're using a VERY old version of the GreenSock files (TweenMax). You should definitely update - that may fix the problem right there. http://www.greensock.com/?download=GSAP-JS Otherwise, I'd be curious if tweening to opacity:0.99 instead of 1 solves things for you.
      singulars
      1. POTween max opacity in ie8
      1. USJack
    2. COYep this totally made the trick : opacity:0.99 instead of 1. Thanks a lot. Is there a way that I accept your answer so that you can benefit the points (There's still a lot I don't understand in Stackoverflow)
      singulars
      1. POTween max opacity in ie8
      1. USThoma Biguères
    3. COSure, I'll just add it as an answer that you can accept. I probably should have done that originally anyway - sorry.
      singulars
      1. POTween max opacity in ie8
      1. USJack
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload