Background Color apparent on text and headers on Safari

[danialhr]

Expected Behaviour

Added header and text background should be transparent with parallax. But it's not on Safari.

Actual Behavior

And added background layer is apparent on Safari and a white background was apparent on iOS Safari.

Environment

• OS: Mac Os
• NPM version: 5.0.3
• vue.js version: "vue": "^2.2.6"
• vue-parallax version: "^1.0.2"

[apertureless]

Hey @danialhr can you provide a codepen or fiddle with a minimal reproduction?

[danialhr]

I am seeing that the demo page also reflects the same.

Do a comparison between a Chrome version and a Safari. You will notice text "Parallax fixed position" has the parallax image visible in Chrome but it has a white background on Safari.

[apertureless]

Oh now I got it. Thanks. Will fix this.

[danialhr]

Great thanks! Looking forward to the fix.

On another related note, would I be able to have a fixed background image 100% (parallax) while my text scroll up? At the moment text will consume its own div height and there will be an additional parallax image 100% height afterwards.

Can height be adjusted?