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