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