PDF隱藏jQuery的示範窗口在Safari 5.1.7

其實我想顯示在PDF中的模態窗口及其在IE中運行良好，鉻& Mozilla Firefox瀏覽器，但它不工作在Safari 5.1.7PDF隱藏jQuery的示範窗口在Safari 5.1.7

等都將任何1請幫我找到一些解決方案？我得到的Windows操作系統即XP這個問題，Windows 8的& Windows 7的

這裏是我JS小提琴鏈接：http://jsfiddle.net/xdrc1nou/

下面是我的代碼以及

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>

Javascript

$().ready(function() { 
     var $child = $("#divHoverChild"); 
     var $ifBG = $("#ifBG"); 

     $("#divHover").mouseover(function() { 
      $child.slideDown(); 
      $ifBG.slideDown(); 
     }) 
     $child.mouseout(function() { 
      $child.slideUp(); 
      $ifBG.slideUp(); 
     }); 
    });

來源

2014-10-04 Rahul Jain

我沒有在您的示例中看到您的PDF。它的空白。 – Alvaro 2014-10-16 10:04:19

找到OSX Lion運行Safari 5.1的人很難找到你的問題的答案（這幾乎是3個版本，約塞米蒂即將到來），並且世界範圍內的使用率低於0.5％的瀏覽器。

考慮到這一點，這個答案給了你一些指示，它還沒有經過我的測試。

通常，當嵌入式I幀不與覆蓋層很好地發揮了頁面上的常見解決方法是將這些樣式有問題的I幀：

<iframe id="ifPDF" src="http://bitcoin.org/bitcoin.pdf" style="position: relative; z-index: -1;></iframe>

看看這樣做了。

較不優雅的解決方案是在觸發顯示疊加層時隱藏有問題的iframe，並因此避免重疊（因爲重疊元素消失）。

只是爲了在Safari 7中的記錄，它完美的工作，就像你提到的其他現代瀏覽器功能正常。

來源

2014-10-04 19:16:29

感謝您的回覆......但我沒有Mac機@我的最後，但我在Windows操作系統IE：8.0,7.0和XP – 2014-10-05 00:11:06

上得到這個問題你有沒有嘗試過這種解決方案，我提出了相對定位和負Zindex和它沒有在IE中工作？ – 2014-10-06 08:50:46

是的，我檢查了在IE瀏覽器，它沒有奏效 – 2014-10-06 09:05:18

-1

有關使用對象和燼什麼：

<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。

來源

2014-10-15 14:19:31 peterpeterson

如果不起作用，嘗試通過將PDF後面的div，然後使用jquery設置其位置，我認爲這應該做的伎倆。 – peterpeterson 2014-10-15 14:21:34

它不工作:( – 2015-01-02 11:33:36

PDF隱藏jQuery的示範窗口在Safari 5.1.7

回答

相關問題