OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../resources/js-test.js"></script> | 4 <script src="../../resources/js-test.js"></script> |
5 <script src="resources/link-highlight-helper.js"></script> | 5 <script src="resources/link-highlight-helper.js"></script> |
6 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"
> | 6 <link rel="stylesheet" type="text/css" href="resources/link-highlight-style.css"
> |
7 <style> | 7 <style> |
8 .mySpan { | 8 .mySpan { |
9 z-index:1; | 9 z-index:1; |
10 } | 10 } |
11 | 11 |
12 .myDiv { | 12 .myDiv { |
13 -webkit-transform:translateZ(0); | 13 transform:translateZ(0); |
14 position:relative; | 14 position:relative; |
15 z-index:0; | 15 z-index:0; |
16 top:-10px; | 16 top:-10px; |
17 background-color:blue | 17 background-color:blue |
18 } | 18 } |
19 </style> | 19 </style> |
20 </head> | 20 </head> |
21 <body onload="runTest();" style="overflow: hidden"> | 21 <body onload="runTest();" style="overflow: hidden"> |
22 <span id="targetLink" class="mySpan">TEST</span> | 22 <span id="targetLink" class="mySpan">TEST</span> |
23 <div class="myDiv">Div to overlap to ensure compositing</div> | 23 <div class="myDiv">Div to overlap to ensure compositing</div> |
24 <script> | 24 <script> |
25 function runTest() { | 25 function runTest() { |
26 createCompositedHighlight(document.getElementById('targetLink')); | 26 createCompositedHighlight(document.getElementById('targetLink')); |
27 if (window.testRunner) | 27 if (window.testRunner) |
28 testRunner.dumpAsTextWithPixelResults(); | 28 testRunner.dumpAsTextWithPixelResults(); |
29 } | 29 } |
30 </script> | 30 </script> |
31 </body> | 31 </body> |
32 </html> | 32 </html> |
OLD | NEW |