绝对定位元素在固定定位的div IE内部不起作用

Question

好吧,这让我疯狂了,我已经搞砸了我的所有代码,仍然无法让这个工作.

我正在开发一个WP主题,为此我向用户提供了在固定标题或流畅标题之间进行选择的可能性.

当用户在IE下选择固定的那个时,下拉菜单根本没有显示,就会出现问题.

我在这里创建了一个示例站点:http://makanudos.com/tests/,对于任何愿意帮助我的人.

非常感谢提前!

Answer 1

哇,花了我一会儿找到这个...这是IE8中的一个错误.

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

打破IE8中的显示.禁用它会使菜单按预期显示.

我认为这就像设置它一样简单,因为本文建议,即使使用正确的IE8 -ms-filter扩展,也会导致子菜单隐藏在页面的其余部分之下.

编辑:如果你真的需要96%的不透明菜单,你可能会在这里找到一些解决方法:-)就个人而言,我只是删除了IE7/8的过滤器.拥有不错浏览器的用户可以获得漂亮的透明效果.

另外,刚发现Internet Explorer CSS属性"filter"忽略overflow:visible

编辑2:好的,所以添加

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

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