我在Bootstrap上運行了一個簡單的測試,並發現只發生在IE10中的問題。如何在IE10中強制通過iframe引導程序下拉
如果您有一個下拉菜單和一個下面的iframe,點擊時的下拉列表在iframe下方對齊。我有一個例子here
我試過z-index一百萬種不同的方法。我已經在所有瀏覽器中測試過,只有IE10似乎有問題。
雖然我知道IE10不在Windows機器上,但它的到來,我不想菜單失敗......任何想法?
我在Bootstrap上運行了一個簡單的測試,並發現只發生在IE10中的問題。如何在IE10中強制通過iframe引導程序下拉
如果您有一個下拉菜單和一個下面的iframe,點擊時的下拉列表在iframe下方對齊。我有一個例子here
我試過z-index一百萬種不同的方法。我已經在所有瀏覽器中測試過,只有IE10似乎有問題。
雖然我知道IE10不在Windows機器上,但它的到來,我不想菜單失敗......任何想法?
在這裏找到答案:它不是最好的解決方案,但它的工作原理。
z-index does not work in Internet Explorer with pdf in iframe
如標號here。這可能值得一試。
$(document).ready(function() {
$('iframe').each(function(){
var url = $(this).attr("src");
$(this).attr("src",url+"?wmode=transparent");
});
});
另外,我認爲你需要添加style =「position:relative;」到iframe來實現z-index。
我會仔細檢查一下位置。但是wmode正在被媒體插件 –
添加,並且似乎沒有解決問題 –
試試這一個。它爲我工作。檢查你的情況。
Bootstrap 3 navbar on pages containing iframes
它建議使用 「完整的閉幕詞。」
<iframe frameBorder="0", width="100%", height="500", id=generic src="generic_order.html"></iframe>
該解決方案也適用於IE10。 –