玩 z-index [关闭]答案

【问题标题】：Playing with z-index [closed]玩 z-index [关闭]
【发布时间】：2012-09-14 06:55:50
【问题描述】：

请输入to this website。（我无法在 jsFiddle 上重新创建同样的问题。抱歉）问题是，当您按下推荐的下拉按钮时，它会改变父 div 的高度。如何在父 div 边框上设置下拉菜单位置？为什么下拉菜单显示白色字体？

【问题讨论】：

【解决方案1】：

您的“推荐”按钮实际上不是一个下拉菜单，它是两个按钮和一个看起来像下拉菜单的无序列表。因此，它不会像常规下拉菜单那样运行和显示，即当您单击它时会覆盖在 UI 顶部。

您必须position: absolute 按钮下方的列表才能实现此效果。

更新：

问题在于按钮所在的容器是相对定位的，这会改变子元素定位的行为。

【讨论】：

在哪里设置位置：绝对？哪个选择器、类、id？
再看你的代码，你绝对定位它，问题是你的按钮所在的容器是相对定位的。修复：从.btn-group 和#main 中删除position: relative，并从.dropdown-menu 中删除left: 0 和top: 100%。

【解决方案2】：

将 dropdown-menu 类的 css 更改为 position: relative

dropdown-menu a 类的颜色被#topContainer a 覆盖

您可以使用浏览器的开发者工具检查元素。

【讨论】：