| <!DOCTYPE HTML> |
| <!-- Test behaviour of isolation for overlapping elements within groups. The test passes if there are no rects drawn with red. |
| This implies that the isolation is performed accordingly, meaning the orange rect doesn't blend with the background color. --> |
| <html> |
| <body> |
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="400px" height="400px" style="background: green"> |
| <g style="isolation: isolate;"> |
| <rect x="100" y="100" width="250" height="250" style="fill: blue;"/> |
| <rect x="50" y="50" width="200" height="200" style="fill: orange; mix-blend-mode: difference;"/> |
| </g> |
| </svg> |
| </body> |
| </html> |
