Megamenu下拉菜单在IE8或IE IE中不起作用

时间:2013-09-19 10:19:47

标签: html css3 twitter-bootstrap megamenu

Hy,我正在使用基于此http://geedmo.github.io/yamm/的megamenu,我无法将下拉列表用于IE8。

1 个答案:

答案 0 :(得分:0)

Internet Explorer 8和9仅支持Bootstrap使用(以及关联,Yamm)的一些CSS3属性和HTML5元素.Internet Explorer 8需要使用Respond.js来启用媒体查询支持。有关于browser support on the Bootstrap site的信息。我已成功让BootstrapYamm在IE8中工作,但需要添加respond.js和html5 shim hack才能正常工作。

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
    <script src="/js/html5shiv.js"></script>
    <script src="/js/respond.js"></script>
<![endif]-->
  

Internet Explorer 8和Respond.js

     

在Internet Explorer 8的开发和生产环境中使用Respond.js时,请注意以下警告。   Respond.js和跨域CSS

     

对托管在不同(子)域上的CSS(例如,在CDN上)使用Respond.js需要一些额外的设置。有关详细信息,请参阅Respond.js文档。   Respond.js和file://

     

由于浏览器安全规则,Respond.js不适用于通过file://协议查看的页面(就像打开本地HTML文件时一样)。要在IE8中测试响应功能,请通过HTTP(S)查看您的页面。有关详细信息,请参阅Respond.js文档。   Respond.js和@import

     

Respond.js不适用于通过@import引用的CSS。特别是,已知一些Drupal配置使用@import。有关详细信息,请参阅Respond.js文档。   Internet Explorer 8和大小调整

     

IE8并不完全支持box-sizing:border-box;与min-width,max-width,min-height或max-height组合使用时。因此,从v3.0.1开始,我们不再在.containers上使用max-width。