我有一个摄影网页,在顶角标记处显示切换语言,在中间显示一个下拉菜单(均为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是如何工作的,或者这是一个错误。两者都更有可能。
谢谢!
答案 0 :(得分:1)
没有什么可疯狂的!您已为z-index
提供了.ddsmoothmenu ul
,position
没有值absolute
,relative
或z-index
。所以,div#centmenu {z-index: 100;}
在这里不起作用!但对于你的情况,这是有效的:
{{1}}