| <!DOCTYPE html> | |
| <title>'mix-blend-mode' for <svg:foreignObject></title> | |
| <link rel="help" href="https://www.w3.org/TR/SVG2/render.html#PaintersModel"> | |
| <link rel="match" href="blending-svg-foreign-object-ref.html"> | |
| <div style="background: green"> | |
| <div>Expected: a black square on green background.</div> | |
| <svg style="width: 200px; height: 200px"> | |
| <foreignObject style="mix-blend-mode: multiply"> | |
| <div style="width: 200px; height: 200px; background: red"></div> | |
| </foreignObject> | |
| </svg> | |
| </div> |