z-index value to positioned elements
If I give z-index:21 to RP1, while AP2 still has 20, then I finally get RP1 over AP2.
This is relatively positioned block, with z-index:21
This is absolutely positioned block, with z-index:10
Content between the RP blocks... Content between the RP blocks... Content between the RP blocks... Content between the RP blocks...
This is relatively positioned block
This is absolutely positioned block, with z-index:20
Content after the second RP block... Content after the second RP block... Content after the second RP block... Content after the second RP block...
Amazing! This renders identically on all browsers.
On the following two pages, I simply play with various values for RP and AP elements, just for fun.