解决div被object遮盖的问题

如何实现将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>
  
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值