IE瀏覽器隱藏的Kendo窗口11 PDF閱讀器在iframe中？

Question

我有一個頁面，其中包含iframe。 iframe用於顯示來自亞馬遜s3的pdf文檔。基本上我把iframe的src屬性設置爲s3鏈接。工作正常！！。

<iframe class="mt-iframe" src="http://xxxx.amazonaws.com/12345454.pdf"></i 
frame> 

現在我加入了同一個頁面上的按鈕，按鈕的單擊事件是有線向上打開一個窗口劍道彈出。

當我點擊，窗口打開，但它隱藏在pdf文檔後面。 （並且看起來好像只發生在IE瀏覽器中的pdf文檔中。在Google Chrome & MS Edge它工作正常）不知何故，我認爲*，在IE瀏覽器默認的PDF查看器是搞砸了。我已經嘗試在iframe和popup中設置z-index，但沒有運氣。

因此，暫時解決這個問題，我目前隱藏iframe當窗口打開;並在窗口關閉時顯示。但是這不是很好的用戶體驗。

我在這裏有什麼選擇？

我只針對IE11，Chrome和MS邊緣瀏覽器。

Answer 1

嘗試在您的iframe設置wmode="transparent"，像這樣：

<iframe class="mt-iframe" wmode="transparent" src="http://xxxx.amazonaws.com/12345454.pdf"></i 
frame> 

在這看看更多的信息：http://www.stampede-design.com/blog/2011/06/dropdown-menu-hiding-behind/#.WPHtnNKGMYt