【问题标题】:Z-index Not Working With PositioningZ-index 不适用于定位
【发布时间】:2012-11-27 07:57:26
【问题描述】:

我已经搜索过这个主题,但似乎没有任何东西可以帮助我解决我的问题。

我有一个搜索功能,当您开始输入时它会下拉,但它会落在隐藏搜索结果的菜单栏后面。 我玩过 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;

谢谢!

【问题讨论】:

  • 在 jsfiddle.net 中发布您的站点链接或 html 代码
  • 你能告诉我们你的HTML代码(相关部分)吗?
  • 你为什么使用位置和浮动?使用其中一个,决定!
  • 该网站是由以前的公司完成的。他们做了编码,我们从来没有机会改变它。该网站是collegesa.co.za,我知道编码非常混乱。

标签: css position z-index


【解决方案1】:

由于.menu2 有一个z-index3.banner(你的搜索下拉菜单的父级)需要有一个更高的z-index(类名来自collegesa.co.za)。

尝试将z-index 设置为4.banner

.banner {
    z-index: 4;
} 

【讨论】:

  • 非常感谢!那行得通。我无法确定它需要放在哪里,因为代码到处都是。
猜你喜欢
  • 2011-07-10
  • 2014-10-20
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-01-07
  • 2022-10-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多