如何实现将div显示在object上面呢?最近被这个问题困扰好久…
一. 原因
先分析一下原因,object标签不在dom文档流里面,浏览器在解析的时候先把object放置在最上层,然后依次解析dom文档,放在下层,并且在这里使用position和z-index是无效的,如图,
图中红色部分为,我要覆盖在object上面的div盒子,但是现在被object遮盖,object标签里面是监控视频,视频我没有开;
二.解决办法
那该如何解决呢?
先放代码吧
<div>
<div id="notify" class="errInfo">
<iframe cals="newiframe" src="" style="position: absolute; left: 0; top: 0; z-index:-1; width: 100%; height: 100%; background-color: transparent; opacity:0; " frameborder="0"></iframe>
<div class="errInfo_box">哈哈哈</div>
</div>
<div class="video-center">
<div id="divPlugin" class="plugin"></div>