我有一个摄影网页,在右上角显示用于切换语言的标志,在中间显示一个下拉菜单(两者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 的工作原理,要么这是一个错误。更有可能的是,两者兼而有之。
谢谢!!