Question

我非常关注这个问题。我一直在寻找一段时间，虽然我发现许多帖子的人与我有同样的问题，但我找不到这些帖子的任何答案或解决方案。

问题是：我们在报告网站上嵌入了PDF查看器。用户可以选择在浏览器中查看PDF或下载它。我们有一个下拉菜单，因此用户可以导航到不同的重新编辑。菜单下拉时菜单与PDF查看器重叠。在IE中，它应该覆盖PDF查看器。在FireFox中它落后于观众并被切断。

以下是代码片段：

<div style="position: relative; height: 347px; z-index: 1;" id="divPDF">
<span style="width: 100%; height: 100%;" id="PDFViewer1">
    <div>
        <object width="100%" height="100%" type="application/pdf" data="report.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1&amp;view=FitH">
            <param name="wmode" value="opaque" />
            <embed src="report.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1&amp;view=FitH" type="application/pdf" width="100%" height="100%" wmode="opaque"></embed> 
            <a href="report.pdf">Download PDF</a>
        </object>
    </div>
</span>  </div>

我已尝试将其放入iframe中，但这不起作用。我已经尝试将vmode设置为透明，但这也不起作用。（vmode甚至是一个有效的参数吗？）菜单的z-index是500.

任何建议都将不胜感激。

提前致谢。

Answer 1

这是'embed'html标签＆amp;的已知问题。 adobe pdf渲染pdf的方式。目前Adobe不支持透明标签，例如Flash渲染中的flash文件（wmode = transparent）。

Answer 2

您是否在所有情况下检查Firebug菜单和pdf容器的z-index是否保持不变？当我说实例时，我指的是当用户与菜单交互时等等。

或许这是一个CSS溢出问题？只是扔东西。

Answer 3

我遇到了同样的问题。我通过在用户点击下拉菜单时隐藏报告来修复它，然后在隐藏菜单时再次显示它。它主要是一个黑客，但它可以工作，并允许我同时拥有我的嵌入式报告和我的下拉菜单。

FireFox中嵌入的PDF重叠菜单

3 个答案: