1362815 - background-blend-mode does not work in Firefox 53 in combination with rgba()

Status: UNCONFIRMED

(Core :: CSS Parsing and Computation, defect, P3)

Description

[Noah Keck]

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.96 Safari/537.36

Steps to reproduce:

I have been developing a website recently at http://24.183.238.177 and have noticed that on Chrome the faded background works, whilst the background does not appear on Firefox. To reproduce these results, go either to my site or another one that supports using rgba() in combination with background-blend-mode in order to produce a faded background, i.e.:

body {
     background-image: url("bleh.png");
     background-color: rgba(255,255,255,0.7);
     background-blend-mode: lighten;
}


Actual results:

The background did not appear; it simply showed a blank white background, with no trace of my background image.


Expected results:

The image should have appeared, but with a 70% blend with the white background. It has been proven repeatedly that Firefox 53 supports both rgba() and background-blend-mode separately.