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

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

Linux下串口ttyS2,ttyS3不能用的问题解决办法
PC104,Xlinux下,突然发现串口3,4不能用... 以为是硬件的问题,换成wince后,3,4工作正常,排除电路问题在linux下查看dmesg: serial8250: ttyS0 at ...
兼容性—IE6/7下带有overflow:hidden属性的父级元素包不住带有position：relative属性的子元素...
IE6/7下带有overflow:hidden属性的父级元素包不住带有position:relative属性的子元素 <!DOCTYPE html> <html lang=" ...
relative absolute实例讲解
一.简介 absolute是绝对定位,relative是相对定位,配合TOP.RIGHT.BOTTOM.LEFT进行使用二.实例 1.relative 相对谁来定位?相对自己未定位前的位置来定位 & ...
CSS 相对/绝对(relative/absolute)定位系列（二）
by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=1330 一.常 ...
CSS 相对|绝对(relative/absolute)定位
一.absolute属性的情感化认识我对position:absolute属性感性化的认识:absolute是一个善良的有个性的,我行我素.喜欢凌驾一切之上的魔鬼.这家伙,不喜欢也算不上讨厌,但是知 ...
CSS 相对|绝对(relative/absolute)定位系列（一）
一.有话要说以前写内容基本上都是:眼睛一亮--哟呵,这个不错,写!然后去古人所说的茅房里蹲会儿,就有写作的思路了.但是,构思相对/绝对(relative/absolute)定位系列却有好些时日,考虑 ...
css兼容性案例：margin-top在IE6/7下失效
又到了利用碎片学习的时间了,看看这个兼容性的小案例,前端开发者经常遇到的问题:margin-top在IE6/7下失效. 一个块级元素,触发了hasLayout(比如设置了宽度高度),并且其前面紧挨着的 ...
opacity在IE6~8下无效果，解决的办法
opacity在IE6~8下无效果,解决的办法问题出现时rgba()在ie6下不出效果,最后查到是opacity的问题. opacity是css3时出现的,目前主流浏览器都支持.but老IE是个麻烦 ...
CSS 相对|绝对(relative/absolute)定位系列
一.有话要说以前写内容基本上都是:眼睛一亮--哟呵,这个不错,写!然后去古人所说的茅房里蹲会儿,就有写作的思路了.但是,构思相对/绝对(relative/absolute)定位系列却有好些时日,考虑 ...

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

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

最新文章

热门文章