WPT
wpt / css / compositing / parsing / background-blend-mode-valid.html
Spec: Compositing ↗
Runs: Chrome 155.0.8043.0 (wpt@b89af32bc, 2026-09-05) | Firefox 157.0a1 (wpt@b89af32bc, 2026-09-05) | Safari 251 preview (wpt@b89af32bc, 2026-09-05) | Ladybird 1.0-4611b (wpt@b89af32bc, 2026-09-05) | Servo Servo 0.6 (wpt@2c385f65e, 2026-09-04) | Blitz a50cb8971 (wpt@a95401e4e, 2026-09-03)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 17/17 | 17/17 | 17/17 | 17/17 | 17/17 | 17/17 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| e.style['background-blend-mode'] = "normal" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "multiply" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "screen" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "overlay" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "darken" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "lighten" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "color-dodge" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "color-burn" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "hard-light" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "soft-light" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "difference" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "exclusion" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "hue" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "saturation" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "color" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "luminosity" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |
| e.style['background-blend-mode'] = "normal, luminosity" should set the property value | PASS | PASS | PASS | PASS | PASS | PASS |