fixedbottom.html (1096B)
1 <html> 2 <head> 3 <meta charset="utf-8" /> 4 <meta name="viewport" content="width=device-width, initial-scale=1" /> 5 <title>Fixed bottom element</title> 6 </head> 7 <!-- background contains one extra transparent.gif because we want trick the 8 contentful paint detection; We want to make sure the background is loaded 9 before the test starts so we always wait for the contentful paint timestamp 10 to exist, however, gradient isn't considered as contentful per spec, so Gecko 11 wouldn't generate a timestamp for it. Hence, we added a transparent gif 12 to the image list to trick the detection. !--> 13 <body 14 style=" 15 overflow: hidden; 16 height: 100%; 17 width: 100%; 18 margin: 0px; 19 padding: 0px; 20 background: 21 url("/assets/www/transparent.gif"), 22 linear-gradient(135deg, blue, blue); 23 " 24 > 25 <div 26 id="bottom-banner" 27 style=" 28 width: 100%; 29 position: fixed; 30 bottom: 0; 31 left: 0; 32 background-color: lime; 33 height: 10%; 34 " 35 ></div> 36 </body> 37 </html>