blob: fda8699018b4393d4ebf1eb1b7eba194c66a4b07 (
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
32
33
34
35
36
37
38
39
40
41
42
43
|
/* Source: http://test.csswg.org/suites/css2.1/20110323/html4/background-intrinsic-006.htm */
/* Setup. Use 5:6 ratio because it's weird and unlikely to be hard-coded anywhere. */
div {
position: relative;
}
.cover, .limit {
width: 120px;
height: 120px;
margin: 0.5em;
background: green; /* Used to match reference; remove for debugging. */
}
.control {
position: absolute;
top: 10px; bottom: 10px;
left: 10px; right: 30px;
}
.cover .control {
background: red;
}
.limit .control {
background: green;
}
.test {
/* 80x100 bgpos area */
height: 80px;
width: 60px;
padding: 10px;
border: 10px solid transparent;
}
/* Test */
.cover .test {
background: no-repeat url(support/green-intrinsic-width-pc-height-pc.svg);
}
.limit .test {
background: no-repeat url(support/red-intrinsic-width-pc-height-pc.svg);
}
.control {
width: 32px;
height: 60px;
}
|
