Javascript PDF隐藏Safari 5.1.7中的Jquery模型窗口

Javascript PDF隐藏Safari 5.1.7中的Jquery模型窗口,javascript,jquery,asp.net-mvc,safari,Javascript,Jquery,Asp.net Mvc,Safari,实际上,我想展示pdf上的模式窗口,它在IE、Chrome和Mozilla Firefox中运行良好,但在Safari 5.1.7上不起作用 那么任何一个能帮我找到一些解决办法吗?我在Windows操作系统即XP、Windows 8和Windows 7上遇到这个问题 以下是我的JS Fiddle链接: 下面是我的代码 HTML <div id="divHover">try me</div> <div id="divHoverChild">hello</d

实际上,我想展示pdf上的模式窗口,它在IE、Chrome和Mozilla Firefox中运行良好,但在Safari 5.1.7上不起作用

那么任何一个能帮我找到一些解决办法吗?我在Windows操作系统即XP、Windows 8和Windows 7上遇到这个问题

以下是我的JS Fiddle链接:

下面是我的代码

HTML

<div id="divHover">try me</div>
<div id="divHoverChild">hello</div>
<iframe id="ifBG" src="about:blank"></iframe>
<iframe id="ifPDF" src="http://bitcoin.org/bitcoin.pdf"></iframe>

很难找到运行Safari 5.1的OSX Lion用户来回答您的问题(现在已经有3个版本了,约塞米蒂就在附近),而且浏览器在全球的使用率还不到0.5%

考虑到这一点,这个答案给了你们一些提示,我还没有测试过

通常,当嵌入的iFrame不能很好地处理页面上的覆盖时,一个常见的解决方案是将这些样式应用于有问题的iFrame:


如何使用对象和余烬:

<object src="http://yoursite.com/the.pdf" width="700px" height="700px" style="position: relative; z-index: -1;">
    <embed src="http://yoursite.com/the.pdf" style="position: relative; z-index: -1;">
    </embed>
</object>


我也不能测试。我正在运行Linux。

谢谢您的回复。。。但是我没有Mac机器@my end,但我在Windows操作系统上遇到了这个问题,即:8.0、7.0和xp。您是否尝试过我提出的使用相对定位和负zindex的解决方案,但它在IE中不起作用?如果不起作用,请尝试将div放在pdf之后,然后使用jquery设置其位置,我认为应该这样做。我在你的例子中没有看到你的PDF。它是空白的。
<object src="http://yoursite.com/the.pdf" width="700px" height="700px" style="position: relative; z-index: -1;">
    <embed src="http://yoursite.com/the.pdf" style="position: relative; z-index: -1;">
    </embed>
</object>