tenfourfox/layout/reftests/backgrounds/background-size-body-percent-percent-overflow.html
Cameron Kaiser c9b2922b70 hello FPR
2017-04-19 00:56:45 -07:00

32 lines
797 B
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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