在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