为什么我不能让这个对象高于另一个对象？ （z-index东西）

Question

我正在尝试使用css和jquery创建自己的菜单。到目前为止，我已经掌握了下拉列表的基础知识并显示了结果。

我有一个问题，但如果我有2个菜单彼此靠近，我似乎无法获得当前所选菜单在另一个菜单上方的预期效果。

解释起来有点棘手，并在这里显示所有代码，所以我有a working example at jsfiddle。

我已经尝试使当前可见的.selections的z-index高于.please_select，但这似乎没有效果。我显然不了解CSS的一些内容！ ：（

有什么想法吗？的 click here

请注意，当您点击第一个“请选择”时，其选项会显示在第二个“请选择”

下

Answer 1

从#time_selection_b和#ticket_option_selection中删除z-index。它们高于菜单的z-index，这意味着它们会出现在它的前面。