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