| <!DOCTYPE html> | |
| <head> | |
| <link rel="stylesheet" href="resources/squash-with-ancestor-property.css"> | |
| <style> | |
| #ancestor { | |
| background-blend-mode: difference, normal; | |
| } | |
| #composited-overlap-child { | |
| background-image: url(resources/blue.png); | |
| } | |
| </style> | |
| <script src="resources/squash-with-ancestor-property.js"></script> | |
| <script> | |
| window.onload = generateDom; | |
| </script> | |
| </head> | |
| <body> | |
| </body> |