i folks,
First post here.
I have some web delivered vouchers where the background image has to
be printed so I created absolutely positioned divs only to find that
page-break-after:always will not work due to the absolute
positioning.
So I am trying now to make this page which will have varying numbers
of vouchers on it with only relative positioning and sets of two
layers per voucher. Lower layer has the watermark image and upper
layer has the text.
I just can't seem to figure out how to get the z-index to apply here.
The image shows up and tehn is followed by my text rather than being
under my text.
Code is like this:
<style type="text/css">
.container
{
width: 650px;
border: solid;
page-break-after:always;
position:relative;
z-index:2;
}
.imgContainer
{
position:relative;
z-index:1;
}
</style>
<div class="container">
<div class="imgContainer"><img src="/some.jpg" /></div> Here is all my
voucher text.
</div>
Can anyone tell me what I am doing wrong there?
TIA!!
jg
--~--~---------~--~----~------------~-------~--~----~
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
-~----------~----~----~----~------~----~------~--~---
