fcp-opacity-descendant.html (926B)
1 <!DOCTYPE html> 2 <head> 3 <title>Performance Paint Timing Test: FCP due to ancestor opacity</title> 4 <style> 5 #main { 6 width: 100px; 7 height: 100px; 8 left: 0px; 9 position: relative; 10 top: 0; 11 } 12 13 #child { 14 opacity: 0; 15 } 16 17 /* contentful and intermediate classes are defined in test_fcp script. */ 18 #main.contentful #child { 19 opacity: 1; 20 } 21 22 #main.intermediate #child { 23 opacity: 1; 24 } 25 26 #main.intermediate { 27 opacity: 0; 28 } 29 30 #main.contentful { 31 opacity: 0.5; 32 } 33 </style> 34 </head> 35 <body> 36 <script src="/resources/testharness.js"></script> 37 <script src="/resources/testharnessreport.js"></script> 38 <script src="../resources/utils.js"></script> 39 <div id="main"> 40 <div id="child">Text</div> 41 </div> 42 <script> 43 test_fcp("First contentful paint fires due to its ancestor getting positive opacity."); 44 </script> 45 </body> 46 </html>