Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

translate3d and overlays w/z-index (apparent in Safari) #63

Open
shaiherman opened this issue Oct 3, 2014 · 1 comment
Open

translate3d and overlays w/z-index (apparent in Safari) #63

shaiherman opened this issue Oct 3, 2014 · 1 comment

Comments

@shaiherman
Copy link

Before I dive in - just wanted to say thank you for an excellent plugin.

Discovered something which may be useful to others and is possibly an issue with browser rendering of translate3d in certain circumstances (haven't dived in too deep....)

When there is an element layer (1) positioned above the parallax wrapper layer (2), they are siblings, and layer 1 has a higher z-index then on a Safari that supports translate3d then layer 1's text color dims.

I haven't tested to see whether other attributes like background color etc.. are affected by this.
Seen on Safari 7.1

Simple solution is to disable translate3d with the useTransform option.

@cameronmcefee
Copy link
Owner

I'm happy you find plax useful! You may find this to be related: #54 (comment)

FWIW, this project is more or less unmaintained at the moment. I keep an eye on pull requests that come in, but am not actively working on it. If you submit something I'm happy to have a look but won't be making fixes myself.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants