plax icon indicating copy to clipboard operation
plax copied to clipboard

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

Open shaiherman opened this issue 10 years ago • 1 comments

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.

shaiherman avatar Oct 03 '14 21:10 shaiherman

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.

cameronmcefee avatar Oct 03 '14 21:10 cameronmcefee