-
Notifications
You must be signed in to change notification settings - Fork 206
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
Comments
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
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.
The text was updated successfully, but these errors were encountered: