<!DOCTYPE html> <html lang="en"> <meta charset="utf-8"> <title>Compositor opacity blending should work correctly (and the same as canvas)</title> <html class="reftest-wait"> <head> <script> function load() { var one = document.getElementById("one").getContext("2d"); var two = document.getElementById("two").getContext("2d"); one.fillStyle = "rgba(255,0,0,0.5)"; one.fillRect(0, 0, 200, 200); two.fillStyle = "rgba(0,255,0,0.5)"; two.fillRect(0, 0, 200, 200); document.documentElement.removeAttribute("class"); } </script> </head> <body onload="load()"> <div style="opacity:0.8"> <canvas id="one" style="position:absolute; left:0px;"></canvas> <canvas id="two" style="position:absolute; left:0px;"></canvas> </div> </body> </html>