Parallax Image Jitter in IE11

[kickpoint]

Hi!

I am working on a couple of IE bugs (I know). One of them is a noticeable jitter that occurs with parallax enabled on banner images. gyazo.com/cff759b26a2c4ec7ab5a494e96442b0a It looks like an issue with the Background-Y property in IE11 (at least, it might be). You can see from this screencap here: gyazo.com/cc34c81e9c65bb3ba34ed9d35cd32f7b that the background-postion-y value isn’t changing from 0, which it does when we look at the developer tools in Chrome (which might be an issue with IE’s dev tools…but I’m not sure).

I’m wondering if functionality exists to disable parallax in certain browsers. If not, would you be able to tell me how/where is parallax implemented in GeneratePress (so I can try to disable it on IE)?

htaccess UN/PW is demo/kickpoint. Let me know if you need anything else from me in order to troubleshoot the problem.

Thanks so much!

Leanne

[Tom]

Hi Leanne,

Let’s give this CSS a shot:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .page-hero {
        background-position: center !important;
    }
}

Let me know if that does the trick or not 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[kickpoint]

Hey Tom!

Thanks so much, that works perfectly.

Have a great day!

Leanne

[Tom]

You’re welcome! You too 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts