html - Bootstrap 绝对定位的 div 在导航栏上方未正确显示

Question

我有一个来自导航栏的下拉菜单，由切换按钮触发。我在 navbar-collapse 上方添加了一个三 Angular 形，以显示它指向触发按钮。它在大屏幕上运行良好，但在移动设备上它一直被推到导航栏后面。我试过使用 z-index 但无济于事。

http://www.bootply.com/g8d0nLzlIE

我将移动设备上的三 Angular 形设为灰色(而不是桌面上的白色)以显示对比度。

Answer 1

在移动分辨率上，您可以将为 .navbar-collapse.in 声明的 overflow 规则重置为 visible。

CSS

.navbar-collapse.in {
    overflow-y: visible;
}