You can use the
html and
body elements of your
HTML to create a layered background.
Since
html appears before
body in the semantic structure of your
HTML, this will be the 'lower' layer of the two (any background you apply to
body will mask over
html)
An example
CSS - Code: Select all
html {
background: #fff url('path/to/seperate/img.png') no-repeat 0 0;
}
body {
background: url('path/to/transparent.png') repeat-y 50% 0;
}
If you're having problems, upload the changes and I'll check it out
