css - 移动设备上的引导下拉菜单截止

Question

我的下拉菜单正常工作 - 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;
}

笔记

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

Answer 1

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