1. 程式人生 > >div被object遮蓋怎麼辦?如何讓div顯示在object上【完美解決】

div被object遮蓋怎麼辦?如何讓div顯示在object上【完美解決】

公司最近做專案,需要引入第三方工具,這個第三方工具在html中通過object標籤引用並展示。本來以為使用第三方工具,可以給專案增添色彩,提升專案開發進度,然而意想不到的事情發生了!專案框架中某些浮動div顯示在object下方

在網上查資料,試過很多方法,什麼在object中新增節點<param name="wmode" value="transparent">等,都無濟於事!後來翻閱國外網站,找到了完美的解決辦法,相容IE7+等主流瀏覽器。先看解決後的效果!

其實方法很簡單,在如上圖所示的“絕對定位div”標籤內部新增如下iframe節點即可

<div id="notify">
    <iframe id="newiframe" src="" style="position: absolute; left: 0; top: 0; z-index:-1; width: 100%; height: 100%; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';" frameborder="0"></iframe>
    <!-- 您的程式碼 -->
</div>