Bootstrap导航栏下拉菜单部分隐藏在IE8中 - 为什么？

我正在开发一个项目，在新的浏览器中一切都正常，但在IE8中测试时没有问题。Bootstrap导航栏下拉菜单部分隐藏在IE8中 - 为什么？

下拉菜单中的作品，但被隐藏称为<div class=".container.justering">

看到这里的代码主要内容区域背后： http://blanken.redigering.net/tester.html

在Chrome的下拉菜单中的伟大工程。在IE 11中，它效果很好。在IE8中，它隐藏在主容器后面。

它看起来像<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">的行为像它有一个overflow:hidden;但它没有。

2015-01-21 Preben

您是否尝试过'z-index'属性？ – 2015-01-21 10:34:23

是的，我有。但我可能混淆了它。我在.navbar-inverse和z-index：777上试过z-index：999;在.container.justering上。但我可能已经忘记添加一个位置： – Preben 2015-01-21 10:38:19

将z-index添加到引导.dropdown类（只需在您的CSS文件中覆盖它）应该可以解决您的问题。

请注意，z-index不适用于静态元素，如.navbar-inverse。

元件必须定位，例如，相对或绝对。

也z-index值不应该是随机的，但它应该是高/低。

如果仍不能解决问题，我记得是在哪里读到IE8有问题的CSS filter财产，这是整个引导CSS用于梯度等

的解决方案是增加过滤器：无！重要;到像.navbar或.navbar-inner或.dropdown这样的元素。

我希望它有帮助。

2015-01-21 10:51:00

我现在添加了这个：'.dropdown {z-index：1！important;}'但它对我目前已经打开的IE8没有帮助。它有位置：相对;默认的CSS。 – Preben 2015-01-21 10:56:33

@Preben你试过添加更高的值吗？要覆盖Bootstrap CSS，你需要应用这个'position：relative; z-index：9;'to'.dropdown' – 2015-01-21 10:59:16

刚添加'.dropdown {position：relative; z-index：9！important;}'不幸的是问题仍然存在。 – Preben 2015-01-21 11:04:43

从引导：

Internet Explorer 8和9也支持，但是，请注意，一些CSS3属性和HTML5元件不被这些浏览器完全支持。另外，Internet Explorer 8需要使用Respond.js来启用媒体查询支持。

这可能与CSS3支持或主要只是internett explorer8的方式过时了。

如果您需要为IE 8的具体解决办法如下：

<!--[if IE 8]> 
    <link rel="stylesheet" type="text/css" href="ie7-and-down.css" /> 
<![endif]-->

IE 8的挪威用途迅速下降（哈利路亚）：

我没有测试你的问题的办法因为我无法访问IE 8.

2015-01-21 10:51:32 Persijn

在OP的情况下，哪一位是CSS3？ – 2015-01-21 11:01:23

我知道IE8是过时的。但是我的一些客户必须使用老式的IE，因为与其他东西存在兼容性问题:-(我认为我需要在头部增加与IE8的兼容性。 – Preben 2015-01-21 11:02:54

回答