CSS下拉菜单 - 堆栈顺序不正确？

我们的测试服务器是在这里：CSS下拉菜单 - 堆栈顺序不正确？

http://208.43.52.30/event/list

右上角见，说：“主办单位”框..

出于某种原因，我不能让下拉来的顶层...我试图改变定位，我试图改变z-index，但没有运气..

任何想法？

来源

2010-09-24 Kevin

你的div.header-holder有overflow: hidden，如果你改变那么组织者名单应该没有任何麻烦。

响应编辑到OP的评论：

它们实际上是由这些图像覆盖上去，而那些没有溢出：隐藏应用...

你可能发现将position:absolute;应用于下拉框ul（和position: relative至其父代li）应通过将其从常规文档流中取出并使其位于其他非absolute元素之上来解决该问题。

因为当然“那些”图像旋转木马/幻灯片的一部分，并定位absolute过，它们可能不本身秀“上面”他们。在这种情况下，为幻灯片图片指定z-index是值得的，并确保下拉列表的z-index高于图片的z-index。

来源

2010-09-24 22:38:15

大...奏效，唐不知道为什么我之前没有看到它.. – Kevin 2010-09-24 22:43:26

现在他们实际上已被这些图像掩盖了，而且这些图像没有溢出：隐藏应用... – Kevin 2010-09-24 22:43:44

使用Chrome的网络检查器或Firefox的Firebug添加以显示正在应用的样式以及它们来自哪里。此外，在这种情况下，由于*哪里*它被剪辑我和可能@Matt，认为“溢出”是最有可能的罪魁祸首。 – 2010-09-24 22:45:24

在ID为“header-holder”的div元素上，您的CSS overflow值为hidden。由于组织者名单是其中的孩子，因此它不会显示在div的范围之外。摆脱这些，你很好。

来源

2010-09-24 22:37:19

这样做 - 伟大的工作，但它不显示过去图像现在..不具有溢出：潜规则.. – Kevin 2010-09-24 22:45:37

在CSS块＃视觉中更改的z-index为0，在.header持有人变更的z-index为1和溢出块visable

来源

2010-09-24 23:01:55 Fsmv

你需要作出调整，以各种值。添加这些CSS规则：

.header-holder { overflow: visible; z-index: 300; } 
#visual-box { z-index: 300; } 
.box-info { z-index: 301; } 
.box-info ul.dropdown { z-index: 301; }

来源

2010-09-24 23:10:59 babtek

CSS下拉菜单 - 堆栈顺序不正确？

回答

相关问题