Làm thế nào để buộc bootstrap thả xuống trên iframe trong IE10

Question

Tôi có một thử nghiệm đơn giản tôi đang chạy trên Bootstrap và phát hiện ra một vấn đề chỉ xảy ra trong IE10.

Nếu bạn có menu thả xuống và iframe bên dưới, menu thả xuống khi được nhấp vào căn chỉnh bên dưới iframe. Tôi có ví dụ here

Tôi đã thử chỉ mục z một triệu cách khác nhau. Tôi đã thử nghiệm trong tất cả các trình duyệt và chỉ có IE10 dường như có vấn đề.

trong khi tôi biết IE10 chưa có trên máy tính Windows, tính năng sắp tới và tôi không muốn menu thất bại ... bất kỳ ý tưởng nào?

Answer 1

Tìm thấy câu trả lời ở đây: Đây không phải là giải pháp tốt nhất nhưng nó hoạt động.

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

Answer 2

Được tham chiếu here. Nó có thể đáng để bắn.

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

Ngoài ra, tôi nghĩ bạn cần thêm style = "position: relative;" vào khung nội tuyến để đạt được chỉ mục z.

Answer 3

Hãy thử cái này .. Nó làm việc cho tôi. Kiểm tra tình huống của bạn.

Bootstrap 3 navbar on pages containing iframes

Nó gợi ý sử dụng "câu lệnh đóng hoàn chỉnh".

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