忽略帶IFrame的z-index。隱藏下拉菜單。

僅限Internet Explorer（在Chrome和Firefox中正常工作），它始終會將PDF中顯示的PDF顯示在頁面上的任何其他對象之上。我有一個上面的水平菜單，下拉菜單隱藏在後面。忽略帶IFrame的z-index。隱藏下拉菜單。

我試過在IE9模式下強制網站，所有項目和父項目的z-index，添加wmode =透明或不透明。

這隻發生在iframe加載pdf時。如果加載網頁，則菜單應該顯示在頂部。

IE Example of menu dropdown hidden

CSS：

iframe 
{ 
    position: relative; 
    z-index: 0; 
} 

#Standings_Container 
{ 
    float:left; 
    text-align: center; 
    width: 100%; 
    z-index: 0; 
    position: relative; 
} 

#nav .Menu_Child { 
    display:none; 
    position:absolute; 
    left:0; 
    top:26px; 
    height:auto; 
    float:left; 
    width:174px; 
    overflow:hidden; 
    z-index: 10000; 
}

HTML：

<div class="Menu_Child"> 
    <ul> 
    <li><a href="#">Applications</a></li> 
    <hr class="Menu_Child_HR" /> 
    <li><a href="#">Schedules</a></li> 
    <hr class="Menu_Child_HR" /> 
    <li><a href="#">Standings</a></li> 
    <hr class="Menu_Child_HR" /> 
    <li><a href="#">Rules</a></li> 
    <hr class="Menu_Child_HR" /> 
    <li><a href="#">Sponsors</a></li> 
    <hr class="Menu_Child_HR" /> 
    <li><a href="#">Gym/Field Directions</a></li> 
    <hr class="Menu_Child_HR" /> 
    <li><a href="#">Register Online</a></li> 
    </ul> 
</div> 

<div id="Standings_Container"> 
    <iframe style="margin-top:8px;" scrolling="yes" width="850" height="600" src="[PDF URL]"></iframe> 
</div>

來源

2014-01-22 the sandman

嘗試在'＃nav'中添加一個z-index（高於'.Menu_Child'）。可能是IE的許多z-index錯誤之一。 –

@DigitalD我試過了，但它仍然沒有工作。我也注意到這隻發生在將pdf加載到iframe中時發生。如果網頁已加載到該網頁中，則菜單正確顯示在iframe之上。 –

這可能是這樣的一個副本：http://stackoverflow.com/questions/12911428/z-index-does-not-work-in-ie7-ie8-with-pdf-in-iframe然後 –

-1

嘗試不同的解決方案和修復一個星期後，我無法找到任何可能對我的特殊環境下進行。相反，我只是將子菜單上的垂直間距縮短了很多，並將iframe中的pdf進一步向下放在頁面上，這樣下拉菜單就不會重疊。

來源

2014-01-23 18:53:11

我碰到過這麼多次，不幸的是，它似乎是IE（特別是Adobe Windows PDF插件）呈現PDF的方式的限制。它基本上是最後生成的，而不是頁面上的其他元素。

儘管Flash嵌入式對象可以使用wmode =「transparent」來解決這個問題，但這與PDF插件並不相同。我會盡量玩弄無窗口或窗口參數，但我確定我已經嘗試過。

對我自己和其他人而言，不幸的是，將PDF降低和/或擴大導航下的差距不是一種選擇。

似乎對我來說，但我可能錯了，Adobe需要重新審視IE處理PDF或Microsoft使用不同渲染引擎的方式。

fabio

來源

2014-04-16 22:38:09 fabio

忽略帶IFrame的z-index。隱藏下拉菜單。

回答

相關問題