IE6:防止Select等元素遮擋彈出Div層

 彈出一個新的窗口,只需要window的open方法就搞定了,彈出層就需要用js來控制它的一些CSS屬性,如果是IE6以上的瀏覽器(不包括IE6),是不需要多少行代碼的,但是在IE6中就有些麻煩,因爲在IE6中Select控件和一些圖片元素會遮擋在彈出層的上面,無法達到預期的效果。

        上網找了很多解決方案,找出了一種自認爲比較容易操作的辦法,現和大家分享。Select在IE6下是處於最頂層的,因此想要遮住它,設置zIndex屬性是不行的,就需要一個優先級更高的元素,就是iframe,當把iframe嵌套在彈出div層中後,把iframe設置爲不可見,但它使彈出的div能浮於select等一些元素之上,因此完美解決了此問題,如下是需要彈出的Div代碼,星號內代碼爲添加的iframe:

<div>
<iframe style="width:100%;filter:alpha(opacity=0);-moz-opacity:0; height:185px; position:absolute; z-index:-1"></iframe> 
</div>


發佈了29 篇原創文章 · 獲贊 43 · 訪問量 31萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章