<!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>