0

我的下拉菜单正常工作 - 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 插件。
4

1 回答 1

1

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

于 2013-07-18T19:23:03.997 回答