SHOW:
|
|
- or go back to the newest paste.
1 | <!doctype html> | |
2 | <html lang="en"> | |
3 | <head> | |
4 | <style> | |
5 | .container { | |
6 | width: 90%; | |
7 | margin: 20px auto; | |
8 | background-color: #3D6AA2; | |
9 | padding: 20px; | |
10 | } | |
11 | ||
12 | .wrapper | |
13 | { | |
14 | top: 5px; | |
15 | bottom: 480px; | |
16 | position: absolute; | |
17 | float:left; | |
18 | z-index: -1; | |
19 | margin-left: 20px; | |
20 | ||
21 | - | background: url('bg.png') repeat left top; /* bg.png is 20x20 white image */ |
21 | + | background: url('https://github.com/web-arts-unimelb/unimelb/blob/master/images/bg_white_90.png') repeat left top; /* bg.png is 20x20 white image */ |
22 | width: 980px; | |
23 | } | |
24 | </style> | |
25 | ||
26 | <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> | |
27 | <script src="https://raw.github.com/srobbin/jquery-backstretch/1.1.2/jquery.backstretch.min.js"></script> | |
28 | <script> | |
29 | $.backstretch("https://raw.github.com/srobbin/jquery-backstretch/master/examples/pot-holder.jpg", {fade: 500}); | |
30 | </script> | |
31 | </head> | |
32 | <body> | |
33 | <div class="wrapper"></div> | |
34 | ||
35 | <div class="container"> | |
36 | <h1>is the white background missing</h1> | |
37 | ||
38 | </div> | |
39 | </body> | |
40 | </html> |