在IE / Safari / Opera中,带有重叠div的pdf的iframe失败

时间:2013-11-19 12:31:43

标签: javascript pdf html iframe onclick

我有一个由div重叠的iframe - 以便捕获onClick事件 如果iFrame不包含.pdf:

,则裸代码可以正常工作
<div style="position:relative;">

<iframe id="bigpdf" style="width:100px; height:100px; display:none;" frameborder="0">
<p>Alt text</a></p>
</iframe>

<div id="bigframe" style="width:100px; height:100px; display:none; position:absolute; top:0px; left:0px;" onclick="$('#bigframe, #bigpdf').hide(); ('#pdfphoto').show();">Top</div>
</div>

<div id="pdfphoto" onclick="$('#bigframe, #bigpdf').show(); $('#pdfphoto').hide();"> &nbsp;</div>

当&#39; pdfphoto&#39;点击,iframe&#39; bigpdf&#39;和重叠的div&#39; bigframe&#39;显示。 当覆盖大框架时#39; div被点击它反转。

然而,当iframe的内容是.pdf时,这会被加载,因为iframe设置为visible,在IE / Safari / Opera中忽略div作为pdf来聚焦。

如何将重叠的div重新放在前面并再次聚焦...

0 个答案:

没有答案