2013-03-29 36 views
6

我在Bootstrap上運行了一個簡單的測試,並發現只發生在IE10中的問題。如何在IE10中強制通過iframe引導程序下拉

如果您有一個下拉菜單和一個下面的iframe,點擊時的下拉列表在iframe下方對齊。我有一個例子here

我試過z-index一百萬種不同的方法。我已經在所有瀏覽器中測試過,只有IE10似乎有問題。

雖然我知道IE10不在Windows機器上,但它的到來,我不想菜單失敗......任何想法?

回答

2

如標號here。這可能值得一試。

$(document).ready(function() { 
    $('iframe').each(function(){ 
     var url = $(this).attr("src"); 
     $(this).attr("src",url+"?wmode=transparent"); 
    }); 
}); 

另外,我認爲你需要添加style =「position:relative;」到iframe來實現z-index。

+0

我會仔細檢查一下位置。但是wmode正在被媒體插件 –

+0

添加,並且似乎沒有解決問題 –

0

試試這一個。它爲我工作。檢查你的情況。

Bootstrap 3 navbar on pages containing iframes

它建議使用 「完整的閉幕詞。」

<iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"></iframe>