html - iframe 之上的 div 解决方法在 Chrome 中不起作用

Question

我有一个菜单 div，我想在 iframe 中的 pdf 顶部显示。我发现的解决方法是在 div 后面放置一个空的 iframe。在 Firefox/IE 中运行良好。Chrome 仍然有 iframe 后面的菜单 div。哦，我已经激活了 Adob​​e PDF 插件。有人有这方面的经验吗？

见小提琴

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。