html - 尝试使用 z-index 隐藏部分 div

Question

这是我的页面:http://www.replyonline.co.uk/Brayborne/www/index.html

在主导航栏上，如果您单击“服务”，您会看到一个下拉菜单。导航类是 .nav nav-pills nav-stacked。

我希望此下拉菜单的顶部显示在 navbar-wrapper 下方，因此我在 navbar-wrapper 上设置的框阴影显示在下拉菜单中根据以下设计赋予它分层效果:-

有人能提供任何建议或 CSS 来实现这一目标吗？此外，如果有帮助，该站点是使用 Bootstrap 构建的。

谢谢，

Answer 1

有点hacky，但应该让你继续:

.dropdown-menu {
    z-index: -1;
}

#myCarousel {
    z-index: -2;
}

工作演示:

http://jsfiddle.net/EGmZ5/