フッターの内容の背後にCSS

Question

私はインターネットを検索しましたが、ここで動作するものは見つかりません。

私のフッタはFirefox以外のすべてのブラウザで主なコンテンツを覆い隠しています。私は私のフッタを私の主な内容の後ろに置いてほしい。私が作っているサイトは弾力性があり、スクロールしないでブラウザウィンドウに収まるようになっているので、私が探しているのは固定したフッターであるかどうかはわかりません。そのため、私はフッターに余白をマイナスに設定しています。ブラックボックスの後ろのフッターでページを凝縮したい。

Here's a jsFiddle demo、ここでは、私はそれが見えるようにしたいものです。

Answer 1

のz-indexプロパティを使用してみてください。 あなたは要素の順序を制御するためにZ-インデックスを使用することができます。この更新jsFiddle

Answer 2

を参照してください。 追加z-インデックス：-1; あなたが探している結果です。 http://jsfiddle.net/bd7Vy/3/

footer { 
    clear: both; 
    position: relative; 
    margin: -5em; 
    padding-top: 4em; 
    color: black; 
    width: inherit; 
    height: 3.2em; 
    background-color: #917266; 
    background-repeat: repeat-x;* 
    z-index:-1; 
}