I'm wondering if it's possible to force an absolulty positioned element (div) to appear behind relatively positioned elements.
I understand that I can affect the stacking order of all my absolutely positioned elements by applying the z-index property; however this only affects those elements. By applying the position: absolute property to an element it removes that element from the flow of content and places it above.
If I want to force a div to the bottom of my browser window I apply this:
Code:
#someElement
{
position: absolute;
bottom: 0;
z-index: 10;//trying to force behind all other content
}
But if I want that div to appear behind all other content on the page...how do I go about this?
Thanks.