fixedbottom.html - mozsearch

Enable keyboard shortcuts

<html>

  <head>

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>Fixed bottom element</title>

  </head>

  <!-- background contains one extra transparent.gif because we want trick the

      contentful paint detection; We want to make sure the background is loaded

      before the test starts so we always wait for the contentful paint timestamp

      to exist, however, gradient isn't considered as contentful per spec, so Gecko

      wouldn't generate a timestamp for it. Hence, we added a transparent gif

      to the image list to trick the detection. !-->

  <body

    style="

      overflow: hidden;

      height: 100%;

      width: 100%;

      margin: 0px;

      padding: 0px;

      background: url('/assets/www/transparent.gif'),

        linear-gradient(135deg, blue, blue);

    <div

      id="bottom-banner"

      style="

        width: 100%;

        position: fixed;

        bottom: 0;

        left: 0;

        background-color: lime;

        height: 10%;

    ></div>

  </body>

</html>