Make a fixed position element appear behind a static position element

Question

How can you make an element that has a position: fixed display behind an element with position: static? Changing z-index doesn't seem to matter since they are not absolute.

Answer 1

You can use negative z-index on the fixed element.

<div id="fixed">This is fixed</div>
<div id="static">This is static</div>

#fixed {
    position:fixed;
    z-index:-1;
}

Fiddle Demonstration