Dear list,
On this page:
http://www.polarissc.com/hr.html
I have two "background" images (only one of which is actually a
background image in the body tag): gradient.png and greensmoke.jpg .
Here's the relevant code:
<style type="text/css">
body {
background-image: url(images/gradient.png);background-repeat: repeat-
x;background-position: left bottom; background-attachment: fixed; z-
index: 1;
}
</style>
<body>
<img src="images/greensmoke.jpg" width="955" height="600"
style="position: absolute; top: 0; left: 0; z-index:0; visibility:
visible;" />
</body>
What I'd like is for GRADIENT to have a higher z-index than
GREENSMOKE, but I can't seem to make that happen: only the opposite.
Considerations:
1). GRADIENT must be a real background image, because I need it to
be fixed at the bottom of the viewport and IE6 can't seem to handle
that any other way.
2). I tried making GREENSMOKE a background image also, but it just
stopped displaying GRADIENT when I'd done so.
Can anybody help me?
Many thanks,
Chris.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
