Z-indexing只是不会很好玩

Question

对于我的生活，我无法弄清楚如何阻止下面的下拉菜单骑在其他按钮后面。我已经改变了所有相关元素的z索引，但似乎没有任何效果。

我已经设置了一个jsfiddle来演示：http://jsfiddle.net/theoryshaw/44HPM/3/

（将弹出4个jsFiddle提醒...请关闭它们）

非常感谢任何线索。

Answer 1

将css中的.dropdown-menu类更改为：

.dropdown-menu {
background-clip: padding-box;
background-color: #FFFFFF;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
display: none;
float: left;
left: 0;
list-style: none outside none;
margin: 1px 0 0;
min-width: 160px;
padding: 4px 0;
position: relative;
top: 100%;
z-index: 1000000;
}

这解决了z-index问题，但是你会遇到按钮乱码，但这可能会帮助你更接近问题：）