【问题标题】:JQuery autocomplete dropdown hidden under FullCalendar events隐藏在 FullCalendar 事件下的 JQuery 自动完成下拉菜单
【发布时间】:2012-11-07 03:46:48
【问题描述】:

在页面上呈现的 html 序列:
1.文本框,空日历
2.日历呈现事件
3. 在文本框中输入自动完成下拉菜单。

我可以在日历事件 div 顶部显示自动完成下拉菜单吗?谢谢,

修复:
Z-idex 与 position absolute 一起使用:z-index: 10 ;position: absolute;顶部:200 像素;

【问题讨论】:

  • 你的 z-indexes (w3schools.com/cssref/pr_pos_z-index.asp) 在 css 中为这些元素设置了吗?确保这些元素具有“位置”属性,否则 z-index 将无法正常工作。
  • @gigantorTRON,不,我还没有设置 z-index。您是在谈论日历元素还是下拉菜单或两者兼而有之?
  • 您需要在任何需要叠加的元素上设置 z-index。在您的示例中,下拉列表本身和屏幕截图中的红色/蓝色框(div)。下拉列表的 z-index 必须大于 div 的 z-index。

标签: jquery autocomplete fullcalendar


【解决方案1】:

查看 CSS 属性 z-index。您可以将下拉菜单的 z-index 设置为大于其他元素。

注意如何实现这一点。一种常见的方法是对 z-index 使用 10 的间隔,并将 9999 作为您知道永远不会超过的“屋顶”。这样可以确保将来您可以继续在现有元素之间添加元素。

【讨论】:

  • Z-idex 与 position absolute 一起工作:z-index: 10 ;position: absolute;顶部:200 像素;
猜你喜欢
  • 2013-09-19
  • 1970-01-01
  • 2022-11-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多