The root stacking context of a page will be drawn into an isolated group; then filtering, clipping, masking and opacity will be applied; then it will blend into the root (in Chromium, white opaque) background color with the specified blend-mode on the root element.
Previously, there was no interoperability between browsers on how filtering, blend-mode, opacity, or masking applied to the root element, and how it composited into the final background color of the web page.This led to an inability to achieve certain logical effects [1, 2] on web pages for some browsers. https://bugs.chromium.org/p/chromium/issues/detail?id=711955 https://bugs.chromium.org/p/chromium/issues/detail?id=999491
Specification being incubated in a Community Group
Status in Chromium
Consensus & Standardization
Last updated on 2021-07-25