html - Megamenu 下拉菜单在 IE8 或更低版本的 IE 中不起作用

Question

嘿，我正在使用基于这个的 megamenu http://geedmo.github.io/yamm/而且我无法使下拉菜单适用于 IE8。

Answer 1

Internet Explorer 8 和 9 仅支持 Bootstrap 使用的一些 CSS3 属性和 HTML5 元素(以及相关联的 Yamm)。Internet Explorer 8 需要使用 Respond.js启用媒体查询支持。有关于browser support on the Bootstrap site的信息.我已经成功获得了Bootstrap和 Yamm在 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 and Respond.js

Beware of the following caveats when using Respond.js in your development and production environments for Internet Explorer 8. Respond.js and cross-domain CSS

Using Respond.js with CSS hosted on a different (sub)domain (for example, on a CDN) requires some additional setup. See the Respond.js docs for details. Respond.js and file://

Due to browser security rules, Respond.js doesn't work with pages viewed via the file:// protocol (like when opening a local HTML file). To test responsive features in IE8, view your pages over HTTP(S). See the Respond.js docs for details. Respond.js and @import

Respond.js doesn't work with CSS that's referenced via @import. In particular, some Drupal configurations are known to use @import. See the Respond.js docs for details. Internet Explorer 8 and box-sizing

IE8 does not fully support box-sizing: border-box; when combined with min-width, max-width, min-height, or max-height. For that reason, as of v3.0.1, we no longer use max-width on .containers.