当前位置:  开发笔记 > 编程语言 > 正文

PDF上方的<div>图层

如何解决《PDF上方的<div>图层》经验,为你挑选了2个好方法。

所以,我面临的问题是这样的:我有一个图层,它将被放置在页面上的pdf之上.PDF要么使用嵌入,要么使用iframe来包含它.但是,CSS样式不适用于PDF(因为它是一个插件?).因此,即使我把z-index:1000用于,该层仍然落后于PDF.任何想法如何解决这个问题?

这是代码:



  

  alt : test.pdf


  

Whatever text or object here.

小智.. 25

看了一些论坛后......(这里有些评论)

PDF由Acrobat Reader插件加载.它有点像它自己的东西,并且与任何HTML甚至浏览器无关(除了被浏览器加载).人们对Flash插件有同样的问题,而且没有解决方案.所以我想也没有解决方案.您最好的选择是重新设计菜单,以便它们不会进入pdf占用的空间.

如果它是一个插件,那么你就无法可靠地将其他元素放在它的顶部.当插件涉及时,浏览器通常会释放大部分"层"元素的能力.

没有直接支持在Api或Dom中覆盖'z-indexing'div.该插件加载了一个可执行文件,用一个非常简单的术语来打破浏览器窗口中的漏洞.使用'iframe shim'技术是标准的解决方法,尽管透明度可能很棘手.

我的解决方案:两个iframe,每个都在一个具有不同z-index的div中,当你点击黄色div时,显示空的iframe(在pdf iframe前面),这样你就可以看到pdf文档中的绿色div.



     


    
click me

FernandoRodríguezfrodale@gmail.com



1> 小智..:

看了一些论坛后......(这里有些评论)

PDF由Acrobat Reader插件加载.它有点像它自己的东西,并且与任何HTML甚至浏览器无关(除了被浏览器加载).人们对Flash插件有同样的问题,而且没有解决方案.所以我想也没有解决方案.您最好的选择是重新设计菜单,以便它们不会进入pdf占用的空间.

如果它是一个插件,那么你就无法可靠地将其他元素放在它的顶部.当插件涉及时,浏览器通常会释放大部分"层"元素的能力.

没有直接支持在Api或Dom中覆盖'z-indexing'div.该插件加载了一个可执行文件,用一个非常简单的术语来打破浏览器窗口中的漏洞.使用'iframe shim'技术是标准的解决方法,尽管透明度可能很棘手.

我的解决方案:两个iframe,每个都在一个具有不同z-index的div中,当你点击黄色div时,显示空的iframe(在pdf iframe前面),这样你就可以看到pdf文档中的绿色div.



     


    
click me

FernandoRodríguezfrodale@gmail.com


"人们对Flash插件有同样的问题,而且没有解决方案." 这个说法不正确.您可以将属性"wmode = opaque"添加到flash内容的embed标记中,并且可以在html后面显示flash.

2> Chris Shaffe..:

有一个jquery插件,bgiframe,使得实现这个修复非常简单.

推荐阅读
手机用户2402852307
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有