對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; 要大於被遮擋元素。