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

# they call him MISTER Tribs!
slight tj: who would like to tell me, in idiot-proof terms, about positioning overlapping DIVs with z-index?
(I helped save b3ta! Mighty Nibus who dares gins | @nibus, Mon 2 Nov 2009, 13:03, archived)
# have you turned it off and back on again?
(I helped save b3ta! Paul_P http://www.Paul-hub.com, Mon 2 Nov 2009, 13:04, archived)
# What do you need to know?
(I helped save b3ta! Barbarossa is not my real name, Mon 2 Nov 2009, 13:04, archived)
# 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)
# You have to ensure your x-axis is parallel and coefficient with the plural index
(I helped save b3ta! Tribs 🦇 ↓ dn ʎɐʍ sᴉɥʇ ↓🦇, Mon 2 Nov 2009, 13:07, archived)
# Just take the FFT and do everything you need in fouirer space.
(k3b/-\b Peace man., Mon 2 Nov 2009, 13:09, archived)
# Nuke it from orbit
it's the only way to be sure
(I helped save b3ta! Joe Scaramanga with a G-double-O-D vibration, Mon 2 Nov 2009, 13:11, archived)
# Thurst the klonking glave in the pootigage and then rotate the fluncking shine from the glorble to stetinate the snurgererger.
Then fuck it.
(I helped save b3ta! Je suis un vagabond is an unfunny, up your own arse middle class knob, Mon 2 Nov 2009, 13:22, archived)