HTML中PDF盖住弹出层怎么办

首先，我们新建一个简单的页面来重现一下，PDF文档遮盖弹出层的bug。左边是IE的效果，右边是firefox的。

我们的代码如下图，是建一个position:fixed的div，在同级建一个div，里面放iframe，iframe里面加一个pdf文件，接下来，保证定位的div，定位在pdf的区域。

之所以会出现这个bug，是因为在IE中，嵌套PDF的iframe会默认在整个页面的最上方，并且不受HTML的代码z-index的约束。

我们需要做的是在弹出层的同级，或者说是弹出层的后面，加一个和弹出层大小和位置完全一致的空的iframe。

加上之后，可以看到在IE浏览器中，弹出层浮到PDF文件的上面了。但是firefox里面会乱掉 。

我们需要给加塞的iframe一个注释，让其只在ie中有效，在IE意外的其他浏览器中无效。我写的这段使其在IE9以外的其他浏览器中空的iframe不显示。