search

cameronmcefee / plax

JQuery powered parallaxing
http://www.cameronmcefee.com/plax
MIT License
2.28k stars 206 forks source link

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

Open shaiherman opened 10 years ago

shaiherman commented 10 years ago

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 commented 10 years ago

I'm happy you find plax useful! You may find this to be related: https://github.com/cameronmcefee/plax/pull/54#issuecomment-45605215

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.