【问题标题】:layer over embedded pdf in IE9 and FF在 IE9 和 FF 中嵌入 pdf 层
【发布时间】:2012-07-26 06:36:20
【问题描述】:

在 IE9 和 FF(Chrome 和 safari 有效)中,我在嵌入的 pdf 上放置图层时遇到了问题。我要在图层上放置的图层位于嵌入式 PDF 后面的 IE9 和 FF 中,z-index 不适用于它。

是否有解决方法、破解、修复或任何可以解决我的问题的方法?

编辑

我尝试了以下方法:

<div id="pdf"><embed id="pdfEmbed" src="file.pdf" height="100%" width="100%" type="application/pdf"></embed></div> 
<div id="layer_over_pdf">some content</div>

两个层的位置都与 z-index 相对,以对层进行排序

我还尝试在嵌入的 pdf 上放置一个空的 iframe。这可行,但 IE9 中的问题是 iframe 不透明(只有嵌入 pdf 的部分不透明,但嵌入 pdf 的 iframe 部分是透明的,非常奇怪)。

【问题讨论】:

  • 请出示您的代码好吗?你试过什么?
  • @A.K 我尝试使用 2 个 iframe,1 个嵌入 pdf,1 个空 iframe 覆盖另一个(这是一个选项,但 IE9 不允许透明,尽我所能看)。我也试过这个:
    一些内容
    两个层的位置都相对于 z-index 来对层进行排序
  • 如果您在问题陈述中包含代码,我会更清楚,更有益。
  • 没有“嵌入”这样的元素,尽管您可能在其他地方读过。请改用“对象”。
  • 我需要更正我的评论,因为我忘记了 HTML5 现在有嵌入元素。

标签: html css pdf


【解决方案1】:

我想这就是你所追求的。让我知道它是否需要调整或不是您需要的。

http://jsfiddle.net/fRsUv/

【讨论】:

  • 谢谢,但是,在 chrome 中它运行良好,但是当你在 IE9 或 FF 上测试它时,#layer_over_pdf 层位于嵌入的 pdf 后面。
  • 内容在 Safari 中的 iFrame 后面
猜你喜欢
  • 2020-12-11
  • 2011-08-06
  • 2012-01-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-05-14
相关资源
最近更新 更多