jquery - 将元素绝对定位在固定定位的 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: 好的，所以添加

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

and 删除 z-index:10000(#menuConquistador 选择器似乎有两个)允许菜单出现在 IE8 中并且有不透明度!