object覆蓋的div如何解決？

最近做個web項目，因為裡面有個 的插件，彈出 對話框會被其遮蓋，我做了個 標籤,在彈框時，把 覆蓋掉，再在iframe上放個 對話框。這是這個問題的解決思路。終於將這個問題解決了，我將思路分享給大家參考。

（一）先來跟大家介紹object標籤：W3school有解釋 定義和用法

定義一個嵌入的物件。請使用此元素為您的 XHTML 頁面新增多媒體。此元素可讓您規定插入 HTML 文件中的物件的資料和參數，以及可用來顯示和操作資料的程式碼。

標籤用於包含對象，例如圖像、音訊、視訊、Java applets、ActiveX、PDF 以及 Flash。

object 的初衷是取代 img 和 applet 元素。不過由於漏洞以及缺乏瀏覽器支持，這一點並未實現。

瀏覽器的物件支援有賴於物件類型。不幸的是，主流瀏覽器都使用不同的程式碼來載入相同的物件類型。

而幸運的是，object 物件提供了解決方案。如果未顯示 object 元素，就會執行位於 和 之間的程式碼。透過這種方式，我們能夠嵌套多個 object 元素（每個對應一個瀏覽器）。

總的來說object標籤就是用來嵌入多媒體的。

（二）簡單介紹幾個object標籤的重要屬性： classid -- 關聯一個應用程序，執行嵌入內容的應用程式在windows系統中的唯一id(不能改變此id，否則程式將出現異常)，

例如clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 -- Flash

data -- 規定物件使用的資源的URL。

（三）object標籤在IE上覆蓋問題 查詢相關資源後發現 在IE中是一個windowed element，即視窗元素，這些元素總是會被渲染在非視窗元素的上方，而iframe預設在object之上，唯一的解決方案就是使用iframe作為中間物，即用iframe覆蓋object，再用div覆蓋iframe。

我是对话框

登入後複製 注意：

# 1.div必須有特定的z-index且大於iframe的z-index，不能是auto或空；

2.iframe的z-index必須為負值（之前一直設定為正值，雖然小於div的z-index，但一直不能被div遮蓋），否則，div無法遮蓋iframe；

3.iframe的top和left為0，且iframe的寬、高與div的寬高相等；

#4.注意設定iframe的透明度為0.

5.如果頁面有多處彈出框，可以使用js動態新增iframe。