z-index在两个菜单之间不起作用

Question

我的页面顶部包含两个菜单。问题是当其中一个子菜单被打开时，它没有显示（另一个菜单覆盖它）。我试过z-index，但它没有用。提前致谢。 页面和代码可在http://infoglobal.eu1.frbit.net/En/cap.php中找到。

Answer 1

你的html和CSS搞砸了

#top{
   z-index:13 //This is not needed
}

.menu{
   z-index: 10 //This is also not needed
}

#canvi_idioma{
   z-index:1 //Simply add this
}

Answer 2

  

您可以将z-index与位置一起使用。

css示例

.Class{
    position:relative; //You have to choose atleast one position type.
    z-index:100; // value can be change according to you .
}

Answer 3

在你的CSS中，你在'.menu'上使用z-index，但这会影响两个菜单。您必须将其应用于#menu和#canvi_idioma。

另请注意，只有当两个元素都位于同一父节点内时，z-index才有效。

你的代码也有点脏。您可能希望清理这样的事情，并在那里清理两次：

#canvi_idioma {
background: transparent;
  position: absolute;
  right: -95%;
  top: 40px;
  position: relative; 
}

Answer 4

将z-index应用于 #canvi_idioma

<强> CSS

#canvi_idioma{
z-index:9999
}

Answer 5

你只需要这个。

.menu {z-index:100}