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

Background Color apparent on text and headers on Safari #15

Open
danialhr opened this issue Jun 21, 2017 · 4 comments
Open

Background Color apparent on text and headers on Safari #15

danialhr opened this issue Jun 21, 2017 · 4 comments

Comments

@danialhr
Copy link

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
Copy link
Owner

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

@danialhr
Copy link
Author

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
Copy link
Owner

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

@danialhr
Copy link
Author

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?

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

No branches or pull requests

2 participants