Я попытался использовать шаблон bootstrap для создания навигационной панели в моем приложении mpc aspnet.
Все отлично работает в Firefox и Chrome, но в IE мое меню прозрачно:
Я проверил, у меня есть <!DOCTYPE html>
в начале моего макета.
Я также пробовал <meta http-equiv="X-UA-Compatible" content="IE=edge">
Я попытался играть в меню F12 и режиме совместимости без успеха.
Любая другая подсказка?
Спасибо
Изменить: вот сгенерированный код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Test • Home</title>
<link href="bootstrap.css" rel="stylesheet"/>
<link href="bootstrap-theme.css" rel="stylesheet"/>
<link href="toastr.css" rel="stylesheet"/>
<script src="jquery-2.0.3.js"></script>
<script src="jquery-ui-1.10.3.js"></script>
<script src="angular.js"></script>
<script src="angular-resource.js"></script>
<script src="bootstrap.js"></script>
<script src="toastr.js"></script>
<!--[if lt IE 9]> HTML5Shiv
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body style="padding: 40px;">
<div class="container">
<nav class="navbar navbar-default" role="navigation">
<ul class="nav navbar-nav">
<a class="navbar-brand" href="/">Test</a>
<li><a href="/">Home</a></li>
<li class="nav-divider"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/Page1/">Page1</a></li>
<li><a href="/Page2/">Page2</a></li>
<li><a href="/Page3/">Page3</a></li>
<li><a href="/Page4/">Page4</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</body>