絕對定位一個元素在一個固定位置div IE不工作

Question

好吧，這現在令我瘋狂，我已經搞亂了我的所有代碼，仍然無法讓這個工作。

我正在開發一個WP主題，爲此我爲用戶提供了在固定頭文件或流暢頭文件之間進行選擇的可能性。

問題出現在用戶選擇IE下的下拉菜單根本沒有顯示的固定的問題。

我在這裏創建了一個示例網站：http://makanudos.com/tests/對於任何可能願意幫助我的人。

非常感謝！

Answer 1

哇，花了我一陣子才找到這個......「這是IE8中的一個錯誤。

#menuConquistador { filter: alpha(opacity=96); } 

正在打破IE8中的顯示。禁用它會使菜單按預期顯示。

我認爲這與將其設置爲this article suggests不同，但是，即使使用正確的IE8 -ms-filter擴展名，也會導致子菜單隱藏在頁面的其餘部分下。

編輯：您可能會發現一些解決方法here如果你真的需要一個96％不透明的菜單:-)就個人而言，我只是刪除過濾器IE7/8。使用體面瀏覽器的用戶可以獲得很好的透明效果。

另外，剛剛發現Internet Explorer CSS property "filter" ignores overflow:visible

編輯2： OK，所以加入

#menuConquistador { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; } 

和去除z-index:10000（似乎有兩個用於#menuConquistador選擇器）允許菜單顯示在IE8中有不透明度！