html - FireFox 中的嵌入式 PDF 重叠菜单

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

这是“嵌入”html 标签和 adobe pdf 呈现 pdf 的方式的已知问题。目前 Adob​​e 不支持透明标签，就像 Flash 文件在 PDF 渲染中做的那样 (wmode=transparent)。