Javascript 模态在IE中不正确

这个问题只存在于IE中，它在chrome中运行良好

我有一个显示pdf文件的iframe：

<iframe src='myRoute/mypdf.com' width="100%" height="435px" id="PDF" name="PDF" title="Visor PDF" style="z-index:-1;" allowTransparency="true" wmode="opaque" frameborder="0">
</iframe>

CSS:

pdf文档不在模态后面，并且它的z索引似乎比模态的大

---

这个IE问题有什么解决方案吗？

哪个版本的IE？你能提供一个工作示例吗？IE 11，我更新了帖子，添加了一个图片。这个错误发生在任何版本的IE中，没有修复方法。作为一种解决方法，如果需要在其上显示某些内容，我将

display:none

设置为iframes showing PDF。

HTML:
   <div aria-hidden="false" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" class="modal fade in" id="myModal" style="display: block;">
     <div class="col-xs-10 texto">
        <p>text alert</p>
     </div>    
     <button class="btn btn-primary" type="button" id="modalButton" data-dismiss="modal">Ok</button> 
   </div>

$('#myModal').modal("show");

.modal {
  z-index: 99999;
  background-color: rgba(0,0,0,.5);
}

.fade.in {
   opacity: 1;
}