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 ">
Chromeで動作していません。 –
Chromeでうまく動作します。 IE8でのみ動作しません – legacyterror
JSで初期化する必要はありません。このプラグインのdata-apiが自動的に処理します。 IE8も私のために奇妙な演技だったが、実際にレンダリングの問題のように思える。あなたのページの残りの部分にCSSが付いているかもしれません。 @ suresh.g、おそらく、HTTPS経由でページが提供されているのに対し、読み込まれるリソースはHTTPであるという事実を忘れてしまったでしょう。デフォルトでは、Chromeはスクリプトの読み込みをブロックします。 – merv