我有一个摄影网页,显示在顶部角落的标志,以切换语言,并在中间的一个下拉菜单(两个position: fixed)。请看一下:http://luis.impa.br/photo
如果将窗口水平缩小到标志位于菜单上方的程度,则可以在菜单上看到标志。但是,如果检查元素,您将看到(包含的div)标志的z索引为90,而菜单的z索引为100。
这怎么可能呢?难道不应该是相反的吗?这在Chrome (PC)和Dolphin (Android)中都会发生。Firefox运行得很好。这是前两个浏览器的bug吗?同样的bug?
如果您认为这很疯狂,那么向下滚动页面,直到您看到菜单上的new红色标记(例如,现在位于蝶形图标上)。如果您缩小页面,您可以看到标志和菜单之间的new标记...再说一次,Firefox运行得很完美,而Chrome和Dolphin却搞得一团糟。两个浏览器有完全相同的bug??
要么我不理解z-index是如何工作的,要么这是一个bug。更有可能的是,两者都有。
谢谢!!
发布于 2013-02-20 09:52:57
这并不是什么疯狂的事情!你已经为.ddsmoothmenu ul提供了z-index,它没有带值的position,absolute或relative。所以,z-index在这里不能工作!但对于您的情况,这是可行的:
div#centmenu {z-index: 100;}https://stackoverflow.com/questions/14970923
复制相似问题