Z-index不适用于定位

Question

我已经搜索了这个主题，但似乎没有任何帮助我解决我的问题。

我有一个搜索功能，当你开始输入时它会下降但它会隐藏在隐藏搜索结果的菜单栏后面。 我玩过z-index但没有任何帮助。

我读到z-index对某些位置不起作用。这是真的？如果是这样，我如何才能将结果显示在菜单栏上？

如果我改变位置，我的菜单就会跳出来。

结果的css：

#results {
z-index: 10000;
position: absolute;
width: 400px;
float: right;
background-color: #FFF;
text-align: left;

菜单的CSS：

.menu {
position: relative;
float: left;
width: 900px;
height: 40px;
margin-top: 17px;
z-index: 3;
margin-left: 40px;
margin-bottom: 6px;

谢谢！

Answer 1

由于.menu2的{​​{1}} z-index，3（您的搜索下拉列表的父级）需要更高.banner（班级名称来自collegesa.co.za）。

尝试为z-index

将z-index设为4

.banner