html - 带有嵌套 UL 和 CSS 过滤器的 IE7 错误

Question

我不确定如果不向您展示这是否容易解释，所以这里有一个例子 -

http://jsfiddle.net/46gL8/1/

在 FF、Chrome 和 IE8/9 中查看时，该示例按预期工作。在 IE7 中查看时，嵌套的 UL 呈现在父级内部，尽管两者都是绝对定位的。 z-index 之类的东西没有区别，唯一的解决方法是从影子类中删除 filter: 行。

我想在 IE7 中只渲染一个常规边框或其他东西会很好，但如果有人有任何见解，那就太棒了!

Answer 1

过滤器似乎切断了过滤框之外的所有内容。如果您从主菜单的层次结构中删除子菜单，它就可以工作。请参阅:http://jsfiddle.net/wyDTQ/

当然，我不知道您是如何构建菜单的，所以这可能不是您想要的。不过，它确实解决了您的问题。