首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >CSS: z-index bug?

CSS: z-index bug?
EN

Stack Overflow用户
提问于 2013-02-20 09:47:00
回答 1查看 257关注 0票数 0

我有一个摄影网页,显示在顶部角落的标志,以切换语言,并在中间的一个下拉菜单(两个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。更有可能的是,两者都有。

谢谢!!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-20 09:52:57

这并不是什么疯狂的事情!你已经为.ddsmoothmenu ul提供了z-index,它没有带值的positionabsoluterelative。所以,z-index在这里不能工作!但对于您的情况,这是可行的:

代码语言:javascript
复制
div#centmenu {z-index: 100;}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14970923

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档