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

UNCONFIRMED
Unassigned

Status

()

Core
CSS Parsing and Computation
P3
normal
UNCONFIRMED
a year ago
a year ago

People

(Reporter: Noah Keck, Unassigned)

Tracking

53 Branch
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

a year ago
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.
Component: Untriaged → CSS Parsing and Computation
Product: Firefox → Core

Updated

a year ago
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.