OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 | |
3 <html> | |
esprehn
2014/01/08 01:53:55
We usually leave off the <html>, <head> and <body>
Stephen White
2014/03/27 15:07:12
Done (the tests were copied verbatim from the WebK
| |
4 <head> | |
5 <style> | |
6 body { | |
7 height: 2000px; | |
8 width: 2000px; | |
9 overflow: hidden; | |
10 } | |
11 | |
12 .box { | |
13 width: 300px; | |
14 height: 300px; | |
15 margin: 20px; | |
16 position: relative; | |
17 } | |
18 | |
19 body > .box { | |
20 border: 1px solid black; | |
21 float: left; | |
22 } | |
23 .child { | |
24 position: absolute; | |
25 top: 50px; | |
26 left: 50px; | |
27 height: 200px; | |
28 width: 200px; | |
29 margin-left: 10px; | |
30 background-image: url('../resources/alpha-blocks.png'); | |
31 background-size: 500px 300px; | |
32 background-repeat: no-repeat; | |
33 background-attachment: fixed; | |
34 border: 4px solid gray; | |
35 } | |
36 </style> | |
37 <script> | |
38 function doTest() | |
39 { | |
40 window.scrollTo(35, 45); | |
41 } | |
42 window.addEventListener('load', doTest, false); | |
43 </script> | |
44 </head> | |
45 <body> | |
46 | |
47 <div class="box"> | |
48 <div class="child box"></div> | |
49 </div> | |
50 | |
51 <div class="box"> | |
52 <div class="child box"></div> | |
53 </div> | |
54 | |
55 </body> | |
56 </html> | |
OLD | NEW |