CSS:z-index 错误？

Question

我有一个摄影网页，它在顶 Angular 显示用于切换语言的标志，并在中间显示一个下拉菜单(均 position: fixed)。请看一下:http://luis.impa.br/photo

如果将窗口水平缩小到标志覆盖菜单的程度，则可以在菜单上方看到标志。但是，如果您检查该元素，您会看到(包含的 div)标志的 z-index 为 90，而菜单的 z-index 为 100。

这怎么可能？不应该是相反的吗？这在 Chrome (PC) 和 Dolphin (Android) 中都会发生。 Firefox 工作正常。这是前两个浏览器的错误吗？相同的错误？

如果您认为这很疯狂，请向下滚动页面，直到您看到 new 红色标签(例如，现在位于蝴蝶图标上方)位于菜单上方。如果缩小页面，您可以看到标记和菜单之间出现了 new 标记……同样，Firefox 运行完美，而 Chrome 和 Dolphin 却搞得一团糟。两个浏览器有完全相同的错误？？

要么我不了解 z-index 的工作原理，要么这是一个错误。更有可能的是，两者都是。

谢谢!!

Answer 1

这没什么特别的!您为 .ddsmoothmenu ul 提供了 z-index，它没有 position 与值，absolute 或 relative。所以，z-index 在这里不起作用!但是对于您的情况，这可行:

div#centmenu {z-index: 100;}