Twitter bootstrap IE9上的引导导航栏为空
我尝试使用引导模板在我的aspnet mvc应用程序上生成导航栏 在Firefox和Chrome上一切正常,但在IE上,我的菜单是透明的: 我选中了,在布局的开始处有Twitter bootstrap IE9上的引导导航栏为空,twitter-bootstrap,internet-explorer-9,Twitter Bootstrap,Internet Explorer 9,我尝试使用引导模板在我的aspnet mvc应用程序上生成导航栏 在Firefox和Chrome上一切正常,但在IE上,我的菜单是透明的: 我选中了,在布局的开始处有。 我也试过 我尝试玩F12菜单和兼容模式,但没有成功 还有其他线索吗 谢谢 编辑:以下是生成的代码: <!DOCTYPE html> <html lang="en"> <head> <
。
我也试过
我尝试玩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>
测试与公牛;家
-
当我开始从事一个新项目时,我在IE9中也遇到了类似的问题。查看中的浏览器支持部分,您需要在IE代码块中添加respond.js,还需要确保它在IE 9和更旧的浏览器中工作
所以[if IE]块应该是这样的
<!--[if lte IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>
<![endif]-->
注意[if IE]块中的“lte”,这意味着IEOk它与Jquery版本无关,而是与IE和bootstrap.theme.css中的错误有关 在比较了我们的两个页面后,我意识到您没有包括CSS,我缩小了搜索范围,偶然发现了这个问题: 我对过滤器进行了注释:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8',GradientType=0);进入navbar类,现在它可以工作了
谢谢你的帮助 你能提供一个链接或相关代码吗?嗨,我添加了两个参考,我没有看到任何变化。我看到文件已下载,但我的菜单仍然是空的。浏览器支持仅表示IE8不支持圆角。我看不出这里出了什么问题……哦。。我的错是我没有正确查看你的脚本链接。我认为这与不支持IE6-8的jquery版本2.x有关。对于IE旧版本的支持,您需要使用jQuery1.x版本,我认为现在最新的版本是1.10.2。使用它,希望它会被修复。[br]在有限的时间内,我在我的服务器上上传了一个小测试页面,它在IE8-9上运行良好。IE7有一些问题。嗨,这仍然很奇怪:jQuery2.0放弃了对IE6-7-8的支持,但我的导航栏在IE9上不起作用。您的脚本正常。应提升“更新”答案;它工作得很好。更详细地说,我在链接Bootstrap3.0CSS/js之后添加了以下内容。导航栏{filter:none!important;}拯救我的一天。@lousiu,我不同意,
!重要信息
是错误的做法。此问题已在最新版本的非引导版本中修复,您最好进行更新。