在IE浏览器下，PDF将弹出窗口遮挡了

Posted 2021-01-26 zyrush

写了个embed标签里面放这个pdf

然后点击其他地方的弹框pdf把他遮盖住了

如下：

 

先是改z-index，没卵用。

百度了好久，终于找到了个有用的

https://blog.csdn.net/iteye_14074/article/details/82547764

说：

在IE5.5版本中，IFrame就开始作为一个Windowless元素使用了，使用z-index就可以将DIV覆盖IFrame，但是如果IFrame中有Windowed对象，如ActiveX控件时，IFrame就变成一个Windowed元素，DIV就只能在IFrame后边混了。应该是解释为什么同样是iframe，PDF还是会把div遮挡住。

解决方法：

放弃了embed，替换成IFrame加载pdf，同时在界面上定义一个和被遮住部分大小位置一样的IFrame；

<iframe id=‘iframebar‘ src="about:blank" frameBorder=0 marginHeight=0 marginWidth=0 style="position:absolute;visibility:inherit; top:0px;left:0px;height:410px;width:353px;z-index:-1;filter=‘progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)‘"></iframe>

两个iframe，每个iframe都位于具有不同z索引的div中，就是在被遮住的div里面添加透明背景的Iframe。

问题解决：