浮動div在Chrome中iframe中的applet上方不可見

我正在加載在iframe中包含小應用程序的外部頁面。我需要在這個iframe之上顯示浮動div。如果我在包含div的位置上使用相對或絕對位置，而在浮動div上使用更高的z-index，它在Firefox中可以正常工作，但在Chrome或IE中無效。 Chrome和IE都在applet下面呈現浮動div。
這個任何指針？
如果我使用某個頁面的iframe中沒有小程序，那麼它工作正常。
我通過類似的問題，看起來像是如果我把我的div在applet相同的水平，並提供更高的z-index它的作品，但這是我加載的外部頁面，我不能把任何東西放在那裏。浮動div在Chrome中iframe中的applet上方不可見

我有代碼有點像這樣：

<div id="div1" style="position: absolute; z-index:1;"> 
    <iframe src="http://xyz...." width="400" height="200" ></iframe> 
</div> 
<div id="div2" style="position: absolute; top:20; z-index:5"> 
    Floating div content 
</div>

來源

2012-09-11 user1663422

這是一個我從未見過解決方案的長期存在的問題。小程序不會在分層的HTML元素中「漂浮」。當小程序混合時，通常不會改變瀏覽器如何呈現它們。 –

你試過了不透明度：99黑客？ – zethus

首先，請注意以下幾點..

的<applet>標籤不支持HTML5。改爲使用<object>標記。
<applet>元素在HTML 4.01中已棄用。

然後，請確保java插件（JRE）是瀏覽器的最新版本。 Chrome瀏覽器最近支持applet標籤。之前，它用來不支持applet標籤。

來源

2013-02-21 16:44:53

浮動div在Chrome中iframe中的applet上方不可見

回答

相關問題