iframe z-index下拉菜單

由於我的網站結構，我不得不使用iframe來顯示下拉菜單的html文件。如果沒有，我無法看到IE中的下拉菜單。這是我正在使用的代碼。iframe z-index下拉菜單

<iframe id="a"name="FRAMENAME" src="http://website.com/dropdown.html" width="1000" style="position:relative" background="#F3F0ED" style="z-index:10000" height="40" frameborder="0" scrolling="no" allowautotransparency=true></iframe>

現在的問題是，下拉菜單是隱藏在網站上的其他圖像的後面。我已指定position:relative and z-index:10000，但我無法讓它在圖像上重疊。這些圖像的z-索引遠小於10000.有什麼建議嗎？

來源

2010-07-11 Scorpion King

如果您的圖像不在您的iFrame中，當然您的下拉菜單不會顯示，因爲您正嘗試告訴下拉菜單離開它的窗口。 iframe在你的html裏面是一個不同的窗口，因此窗口的任何溢出都不會消失，iframe中的元素不會受到z-index的影響。

你可以做的是，如果你的http://website.com/dropdown.html只有下拉內容，您可以通過jQuery的

稱之爲

<div id="myDropDown"> 
</div> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#myDropDown").load("http://website.com/dropdown.html"); 
    });  
</script>

這將您dropdown.html的內容追加到div

來源

2010-07-12 00:27:58

所以你告訴我沒有解決方案嗎？我已完成重新設計的網站，但我仍想知道是否有解決此問題的方法？ – 2010-07-12 01:58:58

@Scorpion國王，如果你的iframe內容只是爲了下拉爲什麼把它放入一個iFrame？ – 2010-07-12 02:26:48

我的網站的結構是要求我包含dropdown.html，而當我使用普通的include時，下拉菜單對IE不起作用。雖然在其他方面看起來不錯。當我使用iframe時，下拉菜單也在IE中工作。所以我想繼續使用iframe。 – 2010-07-12 13:48:30

-1

只需添加「「？」後面的「wmode = transparent」

不記得了！設置屬性下拉z-index。

來源

2013-03-16 21:50:36

iframe z-index下拉菜單

回答

相關問題