object覆蓋的div解決辦法

2022-07-26 15:12:15 字數 1776 閱讀 5715

最近做個web專案,因為裡面有個的外掛程式,彈出對話方塊會被其遮蓋,我做了個標籤,在彈框時,把覆蓋掉,再在iframe上放個對話方塊。這是這個問題的解決思路。終於將這個問題解決掉了,我將思路分享給大家以供參考。

定義和用法

定義乙個嵌入的物件。請使用此元素向您的 xhtml 頁面新增多**。此元素允許您規定插入 html 文件中的物件的資料和引數,以及可用來顯示和運算元據的**。

瀏覽器的物件支援有賴於物件型別。不幸的是,主流瀏覽器都使用不同的**來載入相同的物件型別。

而幸運的是,object 物件提供了解決方案。如果未顯示 object 元素,就會執行位於 和 之間的**。通過這種方式,我們能夠巢狀多個 object 元素(每個對應乙個瀏覽器)。

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

(二)簡單介紹幾個object標籤的重要屬性:

classid -- 關聯乙個應用程式,執行嵌入內容的應用程式在windows系統中的唯一id(不能改變此id,否則程式將出現異常),

例如clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 -- flash

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

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

<

div

class

="dropdown"

>

<

p>我是對話方塊

p>

<

iframe

id="iframe"

src="about:blank"

frameborder

="0"

marginheight

="0"

marginwidth

="0"

style

="position:absolute;visibility:inherit; top:0px;left:0px;width:100%; height:100%;z-index:-1; filter:alpha(opacity=0);"

>

iframe

>

div>

<

div

style

="width: 950px;height: 400px;position: relative;z-index: 9;"

>

<

object

id="cmcaptureocx"

style

="width: 100%; height:100%;"

classid

="clsid:3ca842c5-9b56-4329-a7ca-35ca77c7128d"

>

object

>

div>

注意: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。

div 被Object蓋住的。解決辦法

今天遇到乙個比較頭疼的問題,就是在乙個標籤上右鍵,彈出的選單div被標籤內的office控制項object擋住了下半部分,始終無法顯示。查了好多解決方案,最終都不能解決問題,幾乎都要放棄了。中午吃飯的時候,腦海中又乙個勁兒的想這個問題,突然,來了一點靈感,回去之後,抓緊時間試了一下,終於解決了!終於...

daemon not running的解決辦法

有時候,當我們執行 adb devices 或者 adb start server 的時候,會出現下面的情況 daemon not running.starting it now on port 5037 adb server didn t ack failed to start daemon 查一...

make menuconfig錯誤的解決辦法

如果使用make menuconfig的方式配置核心,又碰巧系統沒有安裝ncurses庫 ubuntu系統 預設就沒有安裝此庫 就會出現錯誤,錯誤資訊大體上如下 unable to find the ncurses libraries or the required header files.mak...