layout/reftests/backgrounds/background-size-body-percent-percent-overflow.html

Wed, 31 Dec 2014 13:27:57 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 13:27:57 +0100
branch
TOR_BUG_3246
changeset 6
8bccb770b82d
permissions
-rw-r--r--

Ignore runtime configuration files generated during quality assurance.

michael@0 1 <!DOCTYPE html>
michael@0 2 <html>
michael@0 3 <head>
michael@0 4 <title>background-size: 100% 100%; on body</title>
michael@0 5 <style type="text/css">
michael@0 6 body
michael@0 7 {
michael@0 8 background-image: url(green-8x20-blue-8x20-vertical.png);
michael@0 9 background-repeat: no-repeat;
michael@0 10 background-attachment: fixed;
michael@0 11 overflow: hidden;
michael@0 12
michael@0 13 /*
michael@0 14 * This should not affect how the background paints, that is, how the
michael@0 15 * background image is sized:
michael@0 16 *
michael@0 17 * If the ‘background-attachment’ value for this image is ‘fixed’ [...] the
michael@0 18 * background positioning area is the initial containing block [CSS21].
michael@0 19 *
michael@0 20 * Thus '100% 100%' below is relative to the viewport size, so we expect to
michael@0 21 * see a background which, modulo aliasing, is half green and half blue.
michael@0 22 */
michael@0 23 height: 10000px;
michael@0 24
michael@0 25 background-size: 100% 100%;
michael@0 26 }
michael@0 27 </style>
michael@0 28 </head>
michael@0 29 <body>
michael@0 30 </body>
michael@0 31 </html>

mercurial