Background image and animator issue in IE11

Targets Web
1

I have a page with a background image that is resized using background-size: cover and some other statements in CSS. The page also has a button that fades in using an Animator.

In IE11 for deployed app, the button never shows up. In Chrome and Firefox, the button shows up fine.

When running the app on localhost, the button shows up fine in all browsers including IE11.

Can anyone explain this?

One workaround I plan to try tomorrow is to not use animator when browser is IE11 (but I don’t know if that will work; button still might not show up).

2

My workaround works. I just detect if the browser is Internet Explorer and if it is I bypass the fade in effect.

I wish there were a better alternative but this will do for now.