最近在使用 Object 時(shí)，就是播放視頻的 Object 標(biāo)簽遮擋住其他 div 標(biāo)簽，不能正常顯示。

出現(xiàn)這種現(xiàn)象的原因： object 標(biāo)簽不在 dom 文檔流里面，瀏覽器在解析的時(shí)候先把 object 放置在最上層，然后依次解析dom文檔，放在下層，并且在這里使用z-index是無(wú)效的。 在被遮擋得 div 中添加 iframe 標(biāo)簽，如下： <div id="demodiv" style="width: 120px; height:120px;DISPLAY: none; top: 26px; left: 300px;z-index:999999"><ul><li>關(guān)閉</li><li>刷新</li><li>關(guān)閉其他</li><li>關(guān)閉全部</li></ul><iframe id="iframe1" src="about:blank" frameBorder="0" marginHeight="0" marginWidth="0"
　　style="position:absolute; visibility:inherit; top:0px;left:0px;width:120px; height:120px;z-index:-1; filter:alpha(opacity=0);"></iframe> </div>

　　說(shuō)明一下：div為需顯示的div，被object遮擋，于是在該div中增加一個(gè)iframe，通過(guò)iframe來(lái)遮擋Object控件標(biāo)簽。

因?yàn)閕frame的級(jí)別高于Objec標(biāo)簽，而又由于div能夠遮擋iframe，所以可以通過(guò)在div中加入iframe來(lái)解決該類(lèi)問(wèn)題。 其中有幾點(diǎn)需要注意： 1.div必須有特定的z-index且大于iframe的z-index，不能是auto或空； 2.iframe的z-index必須為負(fù)，否則，div無(wú)法遮蓋iframe； 3.iframe的top和left為0，且iframe的寬、高與div的寬高相等剛好完全覆蓋； 4.注意設(shè)置iframe的透明度為0. 5.iframe作為顯示div的子元素添加在內(nèi)。

轉(zhuǎn)載于:https://www.cnblogs.com/xinaixia/p/10338332.html

總結(jié)

以上是生活随笔為你收集整理的Object 标签遮挡 Div 显示的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。