eddie@Home

IE6之Select的Z-Index設定

在IE6的環境下，如果網頁上有div區塊和下拉選單重疊在一起的時候，即使再怎麼調整下拉選單的z-index，下拉選單還是會把div區塊蓋住(在Firefox是正常的)，google了一下網路上的資料，大多是用iframe來解這個問題，但弄iframe寫起來也是花時間而且不順手。有善心人士把這段程式碼寫成jQuery的plugin：bgiframe，只要簡單的呼叫plugin，就可以在div底下插入一段可以把下拉選單遮住的iframe，div區塊就可以正常顯示了。

程式碼很簡單，直接看線上demo就知道了；有需要的也可以整包下載回去

線上demo：http://labs.eddie.com.tw/javascript/div.htm
整包下載：http://labs.eddie.com.tw/javascript/div.rar