Trình đơn thả xuống Bootstrap không hoạt động trong IE8

Question

Tôi đang sử dụng khung công tác Bootstrap để thiết kế trang web của mình. Tôi có thả xuống làm việc trong chuyển hướng, nhưng từ một số lý do không rõ trong IE8 thả xuống không hoạt động. Khi bạn nhấp vào liên kết Giới thiệu về chúng tôi, trình đơn thả xuống không xuất hiện hoàn toàn. Điều này chỉ xảy ra trong IE8.

Nó hoạt động tốt trong các trình duyệt khác.

Bạn có thể xem nó ở đây:

https://dl.dropboxusercontent.com/u/52725754/fightback-responsive/index.html

bất cứ ai có thể giúp đỡ với vấn đề này?

Answer 1

Đây là giải pháp cho vấn đề này trên diễn đàn Bootstrap GitHub: https://github.com/twitter/bootstrap/issues/6548. Nó có vẻ như mặc dù bản địa IE8 đôi khi sẽ phá vỡ do các bộ lọc: tham số được sử dụng trong suốt css Bootstrap cho gradient vv Giải pháp là để thêm bộ lọc: không có gì quan trọng; thành phần tử như .navbar hoặc .navbar-inner. Người đã làm việc cho tôi.

Answer 2

Có sự cố với chủ đề khởi động (trong IE8 và IE9), xem this thread.

Để xác nhận đây là vấn đề của bạn,

• kiểm Dropdowns làm việc trên Bootstrap's navbar example
• bình luận ra sự bao gồm của bootstrap-theme.min.css. Dropdowns sau đó sẽ xuất hiện.

tôi đã sử dụng workaround sau (đề xuất trong các liên kết đầu tiên):

• sử dụng bootstrap-theme.css chứ không phải là phiên bản .min
• bình luận ra các dòng filter: progid:DXImageTransform.Microsoft.gradient(...)

Đánh dấu Otto cũng đề xuất để bọc nội dung của thanh điều hướng trong div khác và thêm vào đó các chỉnh sửa kiểu.

Hy vọng điều này sẽ giúp

Answer 3

Tôi gặp vấn đề với trình đơn thả xuống không hiển thị trong IE8 bằng phiên bản bootstrap 2.3.2.

Sau khi đọc một vài thức ăn tôi đến câu trả lời này thêm nó vào phong cách tờ có điều kiện tôi cho IE8 & 7.

/** Sửa chữa các vấn đề cho Dropdowns trong chế độ tương thích IE8 **/

.navbar-inner{filter:none;} 

Hope this helps :)

Answer 4

IE8 fix for twitter bootstrap responsive menu: 

For me the **menu-toggle** button appeared in IE8 so to make it appear as normal menu I used 

<!--[if lt IE 9]> 
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
<![endif]--> 

And a seprate CSS for IE8 containing the below classes 
<!--[if lt IE 9]> 
    <link rel="stylesheet" type="text/css" href="css/ie8.css" media="screen" /> 
    <![endif]--> 

Include the below classes inside the ie8.css file 

.navbar-header, .navbar-collapse, .collapse{display:none;} 
.collapseie8 ul li{ float:left; } 
.navbar-nav, .collapse{ display:block; } 
    .navbar-inverse.nav li.dropdown.open > .dropdown-toggle, 
    .navbar-inverse.nav li.dropdown.active > .dropdown-toggle, 
    .navbar-inverse.nav li.dropdown.open.active > .dropdown-toggle, .nav, .navbar, .navbar-inverse.navbar-inner { 

     filter: none!important; 
     background-image: none; 
    } 

<div id="defaultmenu" class="navbar-collapse collapse collapseie8"> 
       <ul class="nav navbar-nav "> 

Answer 5

tôi đã có một vấn đề với trình đơn thả xuống trên IE8 sử dụng bootstrap 3.3.4. Tôi đã giải quyết được vấn đề bằng cách sử dụng phiên bản jquery 1.11.2 thay vì phiên bản jquery 2+.