為什麼 Internet Explorer 中 Iframe 中的 PDF 的 z-index 失敗？

z-index 在Internet Explorer 中無法讀取iframe 中的PDF

問題：

z-index起作用預期iframe 在Internet Explorer 8 中顯示PDF；iframe 出現在任何重疊元素之上。

說明：

Internet Explorer 區分視窗元素和無視窗元素。標準 HTML 元素（例如 div 和 input）是無視窗的，而在 MSHTML 外部呈現的元素（例如，選擇元素和 ActiveX 控制項）是有視窗的。 iframe 在 IE 5 中是有視窗的，但在 IE 5.5 中變成無視窗。但是，為了向後相容，iframe 仍會覆寫 z 索引較低的視窗元素。

解決方案：

要解決此問題，請插入另一個所需頁面內容和PDF iframe 之間的iframe:

代碼:

HTML:

CSS：

此附加iframe 可作為透明覆蓋層，防止PDF iframe 與其他頁面元素重疊。

支援：

此解決方案經過測試，可在 Internet Explorer 7-9 中執行。為了與其他瀏覽器相容，請考慮使用 JavaScript 添加 iframe 或將其包裝在僅 IE 的條件註解中：

以上是為什麼 Internet Explorer 中 Iframe 中的 PDF 的 z-index 失敗？的詳細內容。更多資訊請關注PHP中文網其他相關文章！