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

Bra*_*rad 1 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;
}
Run Code Online (Sandbox Code Playgroud)

cus*_*pvz 5

超级鱼菜单和注销按钮所在的div具有属性overflow:scroll; Change to to visible.

overflow:visible;
z-index:0;
position:relative;
Run Code Online (Sandbox Code Playgroud)

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

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