对css了解就是些最基础的东西，今天偶然使用position，发现在ie8及已上浏览器中正常。在ie7及ie6中relative元素被后面的relative完全遮挡，开始以为是z-index问题，但是修改z-index后也没有效果。。。
百度一番后发现博文： http://blog.sina.com.cn/s/blog_648b3bb101016l6n.html
我查阅了一些资料。当设置了相对定位的父元素如果没有设置z-index属性，当后面有元素设置position:relative的时候，则后面的元素就会遮挡掉前面的元素，不管前面的元素设置了多大的z-index
解决的方法就是设置父级元素z-index:100; 要大于被遮挡元素。