YUI自动完成在IE7中的其他页面元素下呈现

我现在正在一个页面上工作,该页面上有一列用性感的阴影和角落设置的方框,并使用这里的示例.我不得不承认,我并不完全理解CSS的工作原理,但它看起来很棒.

最顶部的框内是用于搜索的文本类型输入.该搜索框连接到YUI自动完成小部件.

在Mac上的Firefox3,Windows上的FF2,Mac上的Safari中,一切正常.在WinXP上的IE7中,自动填充建议在圆角盒子下方呈现,使得除了第一个之外的所有内容都不可读(尽管你仍然可以看到盒子之间有足够的窥视,我觉得IE7确实得到了不止一个建议).

我在哪里可以开始寻找纠正问题的方法？

以下是WinXP上FF2的成功:

这是IE7中失败的样子:

杰里米

很抱歉这是这么晚,但希望答案将在未来的项目中对你有用.

这里的问题是,只要存在一个位置为relative的元素,IE就会创建一个新的堆叠顺序,这意味着z-index本身不是唯一的控制因素.你可以在这里阅读更多相关信息:

http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

要解决问题,如果我正确理解您的问题,请应用position:相对于包装整个自动完成实现的容器(然后将position:absolute定位到结果容器中).这应该在IE中为那些允许它们浮动到另一个位置的元素创建一个独立的堆叠顺序:在页面后面出现的相对堆栈.

此致,埃里克