Background image in IE11 using Pro

[Millvi]

Hi,

I have a problem with background images in IE11.
You can see the problem on the page I have added as a secure note.

As you can see the background images doesn´t fill the column when I use lower and upper layer.

Why is that?

/Melker

[christian]

Hey Melker,

You have this min-height inline style for your column

That doesn’t work in IE.

The proper setup is to use a Gap element to fill the space in your second column.

Thanks.

[Millvi]

The min-height is only because I want the column to have this height on mobile devices.

How can the Gap element solve this issue when it´s not possible to make the gap fill the whole column height?

When I use the “old way” of adding a background image to a column with background-image and background-size: cover it work perfectly in all browsers, but when I use the lower or upper background layer it doesn´t work.

This has to be something you have to fix as long as we have to make it work in Internet Explorer?

[lely]

Hi Melker,

I can see the issue and I will forward this to our developer for investigation. We will let you know once we have an update. Thank you for understanding.

[Millvi]

Temporarily solved by adding a class to the column with the background images and this css.
The media query only target IE.

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.my-class {
height: 100%;
position: absolute;
}
}

[rad]

Hi there,

It shouldn’t be positioned as absolute, but glad it’s working now and thanks for sharing.

I’ll note this

Thanks!