iframeの上部にあるworkaroundがChromeで動作しない

Question

iframeのpdfの上に表示するメニューdivがあります。私が見つけた回避策は、divの後ろに空のiframeを置くことです。 Firefox/IEでうまく動作します。 Chromeにはまだiframeの後ろにメニューdivがあります。ああ、私はAdobe PDFプラグインを有効にしています。誰もがこれを経験している？

Chromeで正常に動作するようです（WMODE付き）オブジェクトとしてではなく、インラインフレームとしてあなたはそれを追加した場合（FYI、私はそれが私のバージョンでは正しく動作していなかったことを確認することができますFiddle

Answer 1

を参照してください。 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のいずれかを出力することをお勧めします。