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

回答