1

嗨,我正在使用基于这个http://geedmo.github.io/yamm/的 megamenu ,我只是无法使下拉菜单适用于 IE8。

4

1 回答 1

0

Internet Explorer 8 和 9 仅支持 Bootstrap 使用的一些 CSS3 属性和 HTML5 元素(以及关联的 Yamm)。 Internet Explorer 8 需要使用Respond.js来启用媒体查询支持。Bootstrap 站点上有关于浏览器支持的信息。我已经成功地让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

将 Respond.js 与托管在不同(子)域(例如 CDN)上的 CSS 一起使用需要一些额外的设置。有关详细信息,请参阅 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 和 box-sizing

IE8 不完全支持 box-sizing:border-box; 当与 min-width、max-width、min-height 或 max-height 结合使用时。出于这个原因,从 v3.0.1 开始,我们不再在 .containers 上使用 max-width。

于 2014-04-09T13:58:53.307 回答