我有一个摄影网页,它在顶 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 的工作原理,要么这是一个错误。更有可能的是,两者都是。
谢谢!!
最佳答案
这没什么特别的!您为 .ddsmoothmenu ul
提供了 z-index
,它没有 position
与值,absolute
或 relative
。所以,z-index
在这里不起作用!但是对于您的情况,这可行:
div#centmenu {z-index: 100;}
关于CSS:z-index 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14970923/