最近做垂直市場遇見這樣一個問題，在標準瀏覽器下如圖一，所有地區列表正常顯示，以下拉形式浮在最上層，可是在IE6、7下如圖二就會被下面的圖片所遮蓋，z-index設置多大都不起作用。 圖一 （標準瀏覽器 和 IE8+）
圖二 （IE 6、7）
原因是在IE8+以及標準瀏覽器下設置了定位的元素之間是可以比較高度的，而在IE6、7下，z-index受到了HTML代碼等級的制約，z-index只能在同等級的HTML上體現他的作用。 城市列表和層二不在同一個等級，所以他們之間沒辦法比較高度的。由于層一的高度小于層二，所以他的子元素的高度就不可能大于層二的高度。 解決該問題的唯一辦法是增加層一的高度，設置其樣式為relative && z-index=11即可。




更多定位層高問題訪問http://www.jb51.net/article/14884.htm

轉載于:https://www.cnblogs.com/momomo/archive/2011/10/08/2202972.html

總結

以上是生活随笔為你收集整理的ie6 7下 relative absolute无法冲破的等级问题解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。