jquery - 为什么我不能让这个对象位于另一个对象之上? (z-index 的东西)

标签 jquery css

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

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

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

我试过使当前可见的 .selections 的 z-index 高于 .please_select 但这似乎没有效果。我显然不了解 CSS! :(

有什么想法吗? <强> click here

请注意,当您单击第一个“请选择”时,其选项会出现在第二个“请选择”下方

最佳答案

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

关于jquery - 为什么我不能让这个对象位于另一个对象之上? (z-index 的东西),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5520397/

相关文章:

Jquery Flot - 检测图表上点击的点

css - 两种颜色的文字

javascript - 如何在 css 页面加载时启用悬停选项卡?

java - 如何在 jQuery 中使用 JSON 数据作为 ajax 响应填充下拉列表

html - 100% 容器内 Div 的高度 100%?

css - 强制 float 元素在新行中开始

javascript - 尝试使用前端语言(即 html、css 和 javascript)构建骰子游戏

asp.net - 根据用户更改主题/CSS

javascript - 为什么该值没有发送到控制台?

jquery - 避免在 jquery 中单击 TreeView 文本时 TreeView 折叠