[Z-Index Automatically Set When Using The CSS Plugin]

That inline style is coming from TweenMax. Created an isolated example and can't reproduce the z-index application so will try to figure out what condition the z-index is still being applied

[Z-Index Automatically Set When Using The CSS Plugin]

I was using a version from 2012 but after updating i am still running into the issue.

 

http://willistherage.com/files/tweenmax01.png - Applied Style

http://willistherage.com/files/tweenmax02.png - Version of TweenMax

 

I can provide a link if needed.

[Z-Index Automatically Set When Using The CSS Plugin]

I've been having an issue using TweenMax and setting the css properties of an element. It seems to be automatically picking out a z-index and applying it to the style of the element. I'm assuming this is something that was added as a quick fix for performance or css3 animation flickering as backface-visibility is also added without me requesting it (which is a whole different issue and really bogs down performance on iOS Safari). 

 

The code is:

TweenMax.set(element, {css:{y:0}});

 

This ends up being:

 

<div class="header" style="z-index: 0; -webkit-backface-visibility: hidden; -webkit-transform: translate(0px, 0px); ">...</div>

 

The problem is the z-index on the style attribute is overriding the z-index i have applied in my stylesheet. And as it sets the value to 0, my element just disappears. I can manually set the z-index in the tween and fix that issue but i shouldn't have to worry about updating that value anywhere other than my css. 

 

Is there something that I'm applying improperly? Maybe another parameter that will remove this default behavior (tried autoRound: false but didn't work)? If this is the intended behavior might i suggest getting the element's z-index and applying that value to the style attribute so to not override it to 0.

 

Thank you for this awesome platform. I've been using greensock for such a long time and so glad it made it to JS.