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> | 14 <script> |
15 if (window.internals) | |
16 internals.settings.setLayerSquashingEnabled(false); | |
17 window.onload = generateDom; | 15 window.onload = generateDom; |
18 </script> | 16 </script> |
19 </head> | 17 </head> |
20 | 18 |
21 <body> | 19 <body> |
22 </body> | 20 </body> |
OLD | NEW |