blending-svg-foreign-object.html (541B)
1 <!DOCTYPE html> 2 <title>'mix-blend-mode' for <svg:foreignObject></title> 3 <link rel="help" href="https://www.w3.org/TR/SVG2/render.html#PaintersModel"> 4 <link rel="match" href="blending-svg-foreign-object-ref.html"> 5 <div style="background: green"> 6 <div>Expected: a black square on green background.</div> 7 <svg style="width: 200px; height: 200px"> 8 <foreignObject width="200" height="200" style="mix-blend-mode: multiply"> 9 <div style="width: 200px; height: 200px; background: red"></div> 10 </foreignObject> 11 </svg> 12 </div>