JJmonterey's picture

Hero Rendering DifferenceThe hero image renders darker in IE and Edge than in Chrome or Firefox.  Any idea why?


I guess because the CSS code that manages this element is:

.block-hero-no-image {
    background-blend-mode: luminosity;
    background-color: #0074bd;
    background-image: url("/core/themes/basis/images/texture.png");
    background-position: center center;
    background-repeat: repeat;

The background-blend-mode CSS3 property is not supported by Microsoft browsers:


I would recommend to use another CSS technique for this block - for example CSS opacity or RGBA color.

Or may be simply color texture.png file.