0

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

谢谢!!

4

1 回答 1

1

这没有什么疯狂的!你已经给z-index.ddsmoothmenu ul,它没有positionwith 值,absolute或者relative。所以,z-index这里不起作用!但对于你的情况,这有效:

div#centmenu {z-index: 100;}
于 2013-02-20T01:52:56.940 回答