| <!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 width="200" height="200" style="mix-blend-mode: multiply"> |
| <div style="width: 200px; height: 200px; background: red"></div> |
| </foreignObject> |
| </svg> |
| </div> |