Wed, 31 Dec 2014 06:55:50 +0100
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
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> |