| <!DOCTYPE HTML> |
| <title>Largest Contentful Paint: invisible images are not observable</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="resources/invisible-images.js"></script> |
| <style> |
| .opacity0 { |
| opacity: 0; |
| } |
| .visibilityHidden { |
| visibility: hidden; |
| } |
| .displayNone { |
| display: none; |
| } |
| .composited { |
| will-change: transform; |
| } |
| img { |
| border: 2px solid black; |
| will-change: transform; |
| } |
| </style> |
| <div class='opacity0 composited'><img src='/images/yellow.png' id='divOpacity0'/></div> |
| <div class='visibilityHidden composited'><img src='/images/yellow.png' id='divVisibilityHidden'/></div> |
| <div class='displayNone composited'><img src='/images/yellow.png' id='divDisplayNone'/></div> |