Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!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>