Wie Bootstrap Dropdown über Iframe in IE10 erzwingen

Question

Ich habe einen einfachen Test Ich bin auf Bootstrap ausgeführt und entdeckte ein Problem, das nur in IE10 auftritt.

Wenn Sie ein Dropdown-Menü und einen Iframe darunter haben, wird das Dropdown-Menü beim Klicken auf den Iframe ausgerichtet. Ich habe ein Beispiel here

Ich habe versucht, Z-Index eine Million verschiedene Möglichkeiten. Ich habe in allen Browsern getestet und nur IE10 scheint das Problem zu haben.

während ich weiß, IE10 ist nicht auf jemals Windows-Maschine noch, es kommt und ich will nicht Menüs scheitern ... irgendwelche Ideen?

Answer 1

Die Antwort hier gefunden: Es ist nicht die beste Lösung, aber es funktioniert.

z-index does not work in Internet Explorer with pdf in iframe

Answer 2

Wie verwiesen here. Es könnte einen Versuch wert sein.

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

Auch ich denke, Sie müssten hinzufügen, style = "position: relative;" zum iframe, um den z-index zu erreichen.

Answer 3

Versuchen Sie dieses .. Es ist für mich gearbeitet. Überprüfen Sie Ihre Situation.

Bootstrap 3 navbar on pages containing iframes

Er schlägt vor, zu verwenden "um die vollständige Abschlusserklärung."

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