| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <head> | 2 <head> |
| 3 <link rel="stylesheet" href="resources/squash-with-ancestor-property.css"> | 3 <link rel="stylesheet" href="resources/squash-with-ancestor-property.css"> |
| 4 <style> | 4 <style> |
| 5 #ancestor { | 5 #ancestor { |
| 6 background-blend-mode: difference, normal; | 6 background-blend-mode: difference, normal; |
| 7 } | 7 } |
| 8 | 8 |
| 9 #composited-overlap-child { | 9 #composited-overlap-child { |
| 10 background-image: url(resources/blue.png); | 10 background-image: url(resources/blue.png); |
| 11 } | 11 } |
| 12 </style> | 12 </style> |
| 13 <script src="resources/squash-with-ancestor-property.js"></script> | 13 <script src="resources/squash-with-ancestor-property.js"></script> |
| 14 <script> | |
| 15 window.onload = generateDom; | |
| 16 </script> | |
| 17 </head> | 14 </head> |
| 18 | 15 |
| 19 <body> | 16 <body> |
| 20 </body> | 17 </body> |
| 18 <script> |
| 19 generateDom(); |
| 20 </script> |
| OLD | NEW |