【问题标题】:Why Bootstrap 3 navbar dropdown doesn't work in IE8?为什么 Bootstrap 3 导航栏下拉菜单在 IE8 中不起作用?
【发布时间】:2013-08-31 10:10:39
【问题描述】:

bootstrap 3 下拉菜单在 IE8 中不起作用,我不知道为什么,对此有任何帮助。有人说是因为 BS 添加了 CSS 过滤属性

【问题讨论】:

标签: css internet-explorer twitter-bootstrap navbar


【解决方案1】:

要在托管站点兼容性文件(html5shiv 和 Respond)的同一台服务器上解决问题,并且将再次托管引导文件而不使用 CDN。否则无法兼容 IE 8。

【讨论】:

    【解决方案2】:

    在另一个线程上找到了这个,但将您的 jquery 恢复到版本 1.11.2 而不是 2+。

    【讨论】:

      【解决方案3】:

      包括这两个脚本:

      <script type='text/javascript' src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
      <script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
      

      然后使用 jQuery 版本 LESS than 2(jQuery 2++ 不再支持 IE8)

      最后,使用网络服务器(本地或其他)来查看您的网站,因为 respond.js 不能很好地与 file:// 协议配合使用

      【讨论】:

        【解决方案4】:

        我已经在 localhost 中测试了很多次。它永远不会在 localhost 中工作,只需将相同的文件夹上传到您的服务器上,然后检查它会 100% 工作。

        【讨论】:

          【解决方案5】:

          bootstrap3 可以在 ie 8 上正常工作,只有你必须确保添加 respond.js 、 html5shiv 和最新版本的 jQuery

          像这样:

          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
           <!--[if lt IE 9]>
            <script src="js/html5shiv.js"></script>
            <script src="js/respond.min.js"></script>
          <![endif]-->  
          

          【讨论】:

          • +1 将 shiv 和响应脚本添加到 head 元素对我有用。
          • 此外,respond.js 仅在您自己托管引导 css 文件时才有效,而不是从 CDN 加载。
          猜你喜欢
          • 2021-04-08
          • 2015-02-10
          • 1970-01-01
          • 2020-04-08
          • 2014-02-10
          • 2013-10-28
          • 2019-05-10
          • 2023-03-14
          • 2015-11-07
          相关资源
          最近更新 更多