超级鱼下拉菜单显示在它下面的div下方

时间:2010-07-20 14:54:19

标签: html css superfish

它正在做什么的例子:http://screenr.com/k2X

我将div class =“container_12 header”的z-index设置为2,将div class =“container_12 content”设置为1

ul class =“sf-menu”设置为99,它位于container_12标题div

之前我遇到过这个问题,并且认为为类设置适当的z-index可以解决问题,但它仍然给我显示div下面的下拉菜单的问题(container_12内容)

感谢任何帮助,谢谢。

.container_12.content {
  z-index: 1;
}

.container_12.header {
  background-color:#030;
  height:125px;
  border:1px solid yellow;
  z-index: 2;
}

2 个答案:

答案 0 :(得分:5)

超级鱼菜单和退出按钮所在的div具有属性overflow:scroll; 将其更改为visible

overflow:visible;
z-index:0;
position:relative;

注意:z-index仅适用于定位元素(位置:绝对,位置:相对或位置:固定)。

编辑:要获得最佳效果,请先加载 htmlreset.css

答案 1 :(得分:0)

你的div和ul定位了吗?我认为z-index仅适用于定位选择器。