don't think you can have a z-index on a relatively positioned div. Need to use position:absolute.
On Fri, Mar 27, 2009 at 6:13 PM, jerrygarciuh <[email protected]>wrote: > > Hi 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] -~----------~----~----~----~------~----~------~--~---
