ie6 7下 relative absolute无法冲破的等级问题解决办法

最近做垂直市场遇见这样一个问题，在标准浏览器下如图一，所有地区列表正常显示，以下拉形式浮在最上层，可是在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