解決DIV層被OBJECT、SELECT控件遮蓋問題

浮動層或便捷菜單給使用者操作極大的便利。使用IE6、7時，SELECT控件不能被DIV遮蓋。OBJECT控件也不能被DIV遮蓋。究其原因，大多表單控件或HTML控件是使用浏覽器本身渲染繪制，是以層次可以由浏覽器自身控制。而SELECT控件是Windows視窗控件，同樣可見型ActiveX容器也是使用面向Windows技術開發。它們表現實質仍是相同，都是Windows視窗包含句柄。是以，浏覽器不能對其調整層次，浏覽器本身與他們都是平級的。盡管IE8中解決了SELECT控件的問題，但OBJECT控件依然沒辦法改變。

參考網上的資料經過研究，有這樣的關系。Iframe架構可以遮蓋OBJECT、SELECT，DIV可以遮蓋Iframe。是以，我們可以将Iframe放置在DIV層内，将Iframe大小寬度設定成與層一樣放置在層之下，當層經過OBJECT、SELECT時，下方的架構将替層遮蓋其不能遮蓋的控件。

需要說明的是使用HTML标簽屬性設定顯示層次，必須是z-Index而不是zIndex。zIndex是使用腳本動态修改屬性使用。兩者不通用。

下面給出一段示例：

<div id="DominoActionBar" style='position:absolute; left:6px; top:50px; width:100%; height:45px; z-Index:9'>

……

<iframe id='iframebar' src="about:blank" frameBorder=0 marginHeight=0 marginWidth=0

<wbr>style="position:absolute; visibility:inherit; top:0px;left:6px;height:45px;width:100%; z-Index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"><br><wbr><wbr><wbr><wbr></iframe><br>

</div></wbr></wbr></wbr></wbr></wbr>

需要說明的是top屬性要設定成0，不然将顯示不了層而是架構。