我有一个由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();"> </div>
当&#39; pdfphoto&#39;点击,iframe&#39; bigpdf&#39;和重叠的div&#39; bigframe&#39;显示。 当覆盖大框架时#39; div被点击它反转。
然而,当iframe的内容是.pdf时,这会被加载,因为iframe设置为visible,在IE / Safari / Opera中忽略div作为pdf来聚焦。
如何将重叠的div重新放在前面并再次聚焦...