зеркало из https://github.com/mozilla/pjs.git
32 строки
797 B
HTML
32 строки
797 B
HTML
<!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>
|