二級下拉式功能表被遮住，css設定z-index在ie下沒作用的問題解決辦法

用jQuery做了個滑鼠經過出現的二級菜單加動畫效果，firefox下完美呈現，IE下下拉式功能表有些會被下面的網頁內容遮住，例如iframe，div，下拉框，輸入框等，開始折騰ie css。

在ie下設定了z-index結果沒有任何效果，整了個jQuery外掛程式:bgiframe，結果只能解決ie6下面的選擇框。被IE的z-index bug整的暈死了，幾番折騰搞定了，注意點：

1. 注意設定父元素的z-index (因為z-index有繼承性,stacking context,stacking level　)
2. 必須給定position: relative / absolute
3. z-index為負值各瀏覽器有不同行為，自己google，這裡用不著負值。

希望對IE z-index困擾的同學有用。