Question

我有一个菜单div，我想在iframe的pdf上显示。我找到的解决方法是在div后面放置一个空的iframe。在Firefox / IE中正常工作。 Chrome仍然有iframe背后的菜单div。哦，我已经激活了Adobe PDF插件。有人有这方面的经验吗？

请参阅Fiddle

Answer 1

如果你把它作为一个对象（使用wmode）而不是iframe添加它似乎在Chrome中运行正常（仅供参考，我可以确认它在我的Chrome版本中无法正常工作：Windows 7，Chrome 16 ）。试试这个：

<div id="objectContainer">
    <object id="pdfObject"  data="http://mirror.hmc.edu/ctan/macros/latex/contrib/pdfpages/dummy.pdf" type="application/pdf" width="600" height="500" style="z-index:1" wmode="opaque">
  alt : <a href="test.pdf">test.pdf</a>
</object>
</div>
<iframe id="emptyIframe" src="about:blank" frameborder="0">something</iframe>
<div id="menu">
    Menu
</div>

这也适用于Firefox。但是，您可能会遇到IE问题。我建议您执行服务器端浏览器检测，然后根据浏览器输出嵌入对象或iframe。

在iframe上工作的div无法在Chrome中运行

1 个答案: