フッタリンクCSSスタイルが機能しない

Question

フッタのリンクが機能しません。リンクはホバーブルでもクリック可能でもありません。

---

私は申し訳ありませんが、私はそれがメインのコンテンツの後ろに留まるようにフッター上のzインデックスは-999に設定されていることを付け加えておく必要があります。それが問題であれば対処法はありますか？フッターの

<footer> 
    <ul> 
     <li><a href="contact.html">Contact Us</a></li> 
     <li><a href="about.html">About EIC</a></li>    
    </ul> 
</footer> 

footer { 
    position: fixed; 
    width: 100%; 
    height: 8em; 
    background-color: e0e0e0; 
    z-index: -999; 
    overflow: hidden; 
    bottom: 0px; 
    padding-top: 2%; 
} 
footer li { 
    display: inline; 
    padding: 2em; 
} 
footer a:link { 
    color: #000; 
    text-decoration: none; 
} 
footer a:hover { 
    color: #999; 
} 

View it on jsFiddle.

Answer 1

あなたz-index: -999は、実際のドキュメントの後ろに移動します。したがって、リンクはクリック可能でもホバーブルでもありません。

実際、この種の問題は、firebugやfirefoxの開発ツールの「Inspect Element」機能を使用すると簡単に目立つようになります。リンクを調べると、リンクが選択されるのではなく、ドキュメントが選択されます。リンクが何か（リンクの代わりに検査された要素）の後ろにあることがわかります。

Answer 2

z-index: -999宣言を削除します。フッターはクリック可能なページ領域の背後にあります。

Answer 3

上記の人々が言っ​​たことに加えて、あなたの欠けている＃あなたの背景色。

http://jsfiddle.net/Vsvg2/8/

Answer 4

あなたは削除する必要があります。

html{ 
    height: 100%; 
} 

あなたのCSSから。

編集：あなたはまだZインデックス削除する必要が

：-999を。 私を訂正してくれてありがとうございました。