z-index playground

Oops! Drag and drop features have not been implemented for your device.

What to do with these boxes?

To reset everything, click on the title above (do not use the browser's "refresh" button as that would not reset all values).

Things to keep in mind

Markup of these boxes


	<div id="A">A
	  <div id="a">a</div>
	</div>
	<div id="B">B
	  <div id="b">b</div>
	</div>
	<div id="C">C
	  <div id="c">c</div>
	</div>

For some reason, 'drag and drop' fails in IE9. I'll work on it.

A position:
a position:

B position:
b position:

C position:
c position:
A
position: static
z-index: not set
a
position: static
z-index: not set
B
position: static
z-index: not set
b
position: static
z-index: not set
C
position: static
z-index: not set
c
position: static
z-index: not set