父级元素为position:relative
子元素为position:absolute
如果想让父级元素在子元素之上，即z-index：100; 子元素为z-index:90，这样是不行的，因为子元素始终都是在父级元素之内，且会一直在父元素之上，而不管它的z-index是不是比父级元素的小。
但是我又想让父元素在子元素之上又该 怎么办呢？
解决办法是在父元素的里面再加上一个子元素，让这个子元素和之前的子元素是同一级，且也是position:absolute。让这个元素的z-index比之前的子元素的z-index大一点就好了。例子：
这里做的就是让两个子元素都绝对定位，而且上面导航的那个子元素的z-index比下拉框 的要大，且它的border-bottom:solid 1px #fff,这样就能做出来两者正好在直交的地方会空出来位置，就好像那一块下拉框 没有边框似的效果了。
position:relative 与position:absolute
原文：http://blog.csdn.net/sunny327/article/details/44590925