5 <title>CSS Backgrounds and Borders Test: background-size - one
<length
> and one
<percentage
> values
</title>
6 <link rel=
"author" title=
"Intel" href=
"http://www.intel.com">
7 <link rel=
"reviewer" title=
"GĂ©rard Talbot" href=
"http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2012-11-09 and 2020-11-18 -->
8 <link rel=
"help" href=
"http://www.w3.org/TR/css3-background/#the-background-size" title=
"3.9 Sizing Images: the 'background-size' property">
9 <link rel=
"match" href=
"reference/background-size-006-ref.html">
10 <meta name=
"flags" content=
"image">
11 <meta name=
"assert" content=
"Check if 'background-size' has one length and one percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px.">
14 background-color: red;
18 #test-overlapping-green {
19 background-image: url(support/
1x1-green.png);
20 background-repeat: no-repeat;
21 background-size:
45px
45%;
30 <p>Test passes if there is a filled green square and
<strong>no red
</strong>.
</p>
31 <div id=
"ref-overlapped-red"></div>
32 <div id=
"test-overlapping-green"></div>