windows 7上的IE11在关闭div后显示白屏

Question

我有一个加载pdf文件的带有iframe的div。它会在点击pdf图标时出现，并且有一个标签"X“，当点击时会隐藏div (onclick事件，只需将显示更改为block)。但是，当尝试关闭div时，加载的页面也不见了，您看到的只是白屏。我必须按F12键才能使页面再次出现。页面在Firefox，Chrome和Safari中运行，因为它应该是，我有这个问题或行为只在IE9-IE11。但奇怪的是，当我使用BrowserStack测试页面时，浏览器堆栈一切正常。你知道为什么会发生这种事吗？

<div class="pdf-file" style="display: none;"> 
    <label>X</label>
    <iframe src="blah" scrolling="no" width=400 height=400 class="pdf-class"></iframe>
</div>

请注意，此div的位置是绝对的。

Onclick事件：

$('#pdf img).click(function() {
    $('.pdf-file').show();
}

$('.pdf-file label).click(function() {
    $('.pdf-file').hide();
}

javascripts就像上面的一样简单，而且这种行为是最近才发生的，我不明白为什么，我也不记得在页面中改变了一些大的东西来实现这种行为，它以前工作得很好。

Answer 1

在搜索了更多关于手头的问题后，我发现了这个堆栈溢出主题Blank iFrame in IE，它给了我一个想法，iframe可能是我的问题，所以我将iframe改为object，这在IE中起到了作用。希望这能有所帮助。

Answer 2

在我工作的一个应用程序中，我们在过去的几天里刚刚遇到了这个问题。经过多次讨论，我们想出了一个权宜之计。

首先，我们有一些不同之处--我们的情况并不像上面那样简单。我们将PDF加载到iFrame中，但该iFrame处于UI Bootstrap模式。

绕过的工作是从这个开始：

function cancel() {
    $uibModalInstance.dismiss('Cancelled.');
}

...To此命令：

function cancel() {
    var $modal = $('div.modal-dialog');
    $modal.css('display', 'none');

    $uibModalInstance.dismiss('Cancelled.');
}

也许你应该做$('.pdf-file').css('display', 'none');，而不是调用$('.pdf-file').hide()。