移动设备上的引导下拉菜单截止答案

【问题标题】：Bootstrap dropdown menu cutoff on mobile移动设备上的引导下拉菜单截止
【发布时间】：2013-07-17 21:57:46
【问题描述】：

我的下拉菜单正常工作 - http://imgur.com/Ljodw0J
但被手机上的小部件覆盖 - http://imgur.com/1AyGiaS
甚至被手机上的图表覆盖 - http://imgur.com/dpoOmai

他们不应该渲染相同吗？问题的根源是什么？我该如何解决这个问题？

详情

一些样式细节：

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
}

注意事项

重叠元素上没有 z-index。
页面的整个内容都有一个snap-content 类，它设置z-index: 2;。这是为了让我使用 snap.js 插件。

【问题讨论】：

你试过把下拉菜单的z-index设置成10还是20？？？
刚刚尝试过 - 没有运气
你有没有像这样在结尾加上重要的尝试：z-index: 20 !important;
是的 - 完全正确 - 我在将它加载到我的 iPad 模拟器之前在桌面上的 chrome 中检查它

标签： css mobile twitter-bootstrap drop-down-menu z-index

【解决方案1】：

是的，他们应该，但他们不的情况并不少见。这就是为什么跨平台的 HTML、JS 和 CSS 是这样一个 PITA，以及为什么如果你擅长它就会印钱。

【讨论】：

对可能出现的问题有什么想法吗？
啊，但这不是你问的。您想更新您的问题吗？