b3ta.com board
You are not logged in. Login or Signup
Home » Messageboard » Message 9776451 (Thread)

# I want to stack some transparent PNGs on top of each other
(actually I'm not sure I have to put them all in DIVs)

like this:


where there are three DIV layers (the middle one contains 3 images)

it's the top one I want to stick on top - but I can;t seem to float it properly
(I helped save b3ta! Mighty Nibus who dares gins | @nibus, Mon 2 Nov 2009, 13:11, archived)
# did you put the flarble up the glarp beforehand?
you also need to do this in fbbel mode
(I helped save b3ta! pzyko Query failed., Mon 2 Nov 2009, 13:15, archived)
# You do it with absolute positioning, and then the higher numbered z-indexes are above the lower numbered ones
I'd use DIVs, for sure...

umm let me dig out an example and I'll gaz it to you

EDIT: Actually, do what Gravytrain says instead...
(I helped save b3ta! Barbarossa is not my real name, Mon 2 Nov 2009, 13:16, archived)
#
you should only have an issue with z-indexes if you're floating something over a flash movie or a form element
(I helped save b3ta! gravytrain, Mon 2 Nov 2009, 13:23, archived)
#
div - middle layer div
   div - position relative, float right (otherwise empty)
      div - position absolute, contains whatever you want in the top layer
      slashdiv
   slashdiv
slashdiv

by using an empty relative-positioned div as a wrapper for an absolute-positioned div you can put it wherever you like. use "top" and "left" css on the absolute-positioned div to move it around more if you want to
(I helped save b3ta! gravytrain, Mon 2 Nov 2009, 13:17, archived)
# ta
I'm getting there slowly - I think I explained it as being simpler than it actually is
(I helped save b3ta! Mighty Nibus who dares gins | @nibus, Mon 2 Nov 2009, 13:43, archived)