在iframe的解決方案頂部的div在Chrome中不起作用

我有一個菜單div，我想在iframe的頂部顯示pdf。我發現的解決方法是在div後面放置一個空的iframe。在Firefox/IE中運行良好。 Chrome仍然在iframe後面有菜單div。哦，我已經激活了Adobe PDF插件。任何人都有這方面的經驗？在iframe的解決方案頂部的div在Chrome中不起作用

見Fiddle

來源

2012-01-31 Mark Smithhart

Div在OSX上的框架上Chrome 16.0.912.77 – 2012-01-31 22:29:00

是的，我在Windows 7上。 – 2012-01-31 23:38:10

如果你將它添加爲一個對象（的wmode），而不是因爲它似乎在Chrome（FYI做工精細的iframe，我可以證實，這是不是在我的版本正常工作的Chrome：Windows 7，Chrome 16）。試試這個：

<div id="objectContainer"> 
    <object id="pdfObject" data="http://mirror.hmc.edu/ctan/macros/latex/contrib/pdfpages/dummy.pdf" type="application/pdf" width="600" height="500" style="z-index:1" wmode="opaque"> 
    alt : <a href="test.pdf">test.pdf</a> 
</object> 
</div> 
<iframe id="emptyIframe" src="about:blank" frameborder="0">something</iframe> 
<div id="menu"> 
    Menu 
</div>

這也適用於Firefox。但是，您可能會遇到IE的問題。我建議你做一個服務器端瀏覽器檢測，然後根據瀏覽器輸出嵌入對象或iframe。

來源

2012-01-31 23:38:14

感謝Ben ......這實際上是我最初領導的方向，但IE8對此很古怪。如果你點擊pdf，菜單div會跳到後面。如果您調整瀏覽器窗口的大小，它會返回到前面。需要觸發某些東西。我想知道是否有一種方法來模擬...在任何頁面事件上刷新CSS？ – 2012-02-01 00:03:24

在iframe的解決方案頂部的div在Chrome中不起作用

回答

相關問題