关于弹出DIV层被视频显示插件遮挡的解决方案

769133787

廖斌 发表于 2015-3-11 15:02
您好，请问有试过在弹出层div中添加iframe吗？

我想请问：如何将iframe撑满整个弹出的div，而且我的div中是有按钮和其他下拉框元素的，得保证这些元素可以出发事件，可以点击

769133787

廖斌 发表于 2015-3-11 15:02
您好，请问有试过在弹出层div中添加iframe吗？

亲，在线等啊 ，着急啊

admin

您好，截图看一下您实现出来的效果？

廖斌

769133787 发表于 2015-3-11 15:18
我想请问：如何将iframe撑满整个弹出的div，而且我的div中是有按钮和其他下拉框元素的，得保证这些元素可 ...

您好，加iframe只是让div的层级比object高一些，内容显示还是在div上面，iframe内容可以为空。

佰锐科技-李永星

1. <div style="z-index: 10; position: absolute; overflow: hidden;">
   
2.      <iframe style="position: absolute; z-index: -1; width: 100%; height: 100%; top: 0;left: 0; scrolling: no;" frameborder="0"> </iframe>
   
3.      <div style="background-color: red;height:500px;">
   
4.          弹出层测试 <br />
   
5.          <a href="http://www.anychat.cn">AnyChat</a><br />
   
6.          AnyChat float div demo <br />
   
7.          AnyChat float div demo <br />
   
8.          AnyChat float div demo <br />
   
9.          AnyChat float div demo
   
10.      </div>
    
11.     </div>

复制代码

1、如上所示也可以实现弹出DIV而不被视频控件遮挡。其原理是把iframe的z-index值小于div的z-index的值，即把iframe放到div层下面。
2、其大小由“弹出层测试”这个div来控制，这样弹出层就可以浮在控件上方。