[IE/Edge] Not working on element with background-color

[dels07]

Hi there,

I tested that backstretch don't work quite well on IE (tested 10) and Edge, when the element have background-color style applied.

Consider this style:
.hero { background-color: #142F4C; }

When DOM generated, backstretch modify .hero element style to this:
background-image: none; position: relative; z-index: 0;

The fix is either to set:
background: none; position: relative; z-index: 0;
or
background-color: transparent; background-image: none; position: relative; z-index: 0;

Another temporary fix is to completely discard background-color in style/css, but fallback wouldn't be nice (when image is still loading for example).

Chrome and Opera don't have this problem, dunno about Firefox.

[rsheasby]

I discovered a simliar bug in one of my projects. It seems like an edge bug that still has not been fixed 2 years later... Regardless, it seems you can fix it by simply using rgba() syntax instead of hex codes.