求助z-index在IE7中问题_html/css
来源：动视网
责编：小采
时间：2020-11-27 15:46:22
求助z-index在IE7中问题_html/css
求助z-index在IE7中问题_html/css_WEB-ITnose:ul li {width: 130px;float: left;height: 115px;position: relative;background-color: #000;/*z-index: 1;*/}ul li .winePopup {background-color: #910312;width: 235px;position: absolute;z-index: 9999;left: 100px;height: 100px;color: #FFF;} 此处显示
导读求助z-index在IE7中问题_html/css_WEB-ITnose:ul li {width: 130px;float: left;height: 115px;position: relative;background-color: #000;/*z-index: 1;*/}ul li .winePopup {background-color: #910312;width: 235px;position: absolute;z-index: 9999;left: 100px;height: 100px;color: #FFF;} 此处显示
ul li {width: 130px;float: left;height: 115px;position: relative;background-color: #000;/*z-index: 1;*/}ul li .winePopup {background-color: #910312;width: 235px;position: absolute;z-index: 9999;left: 100px;height: 100px;color: #FFF;} 此处显示 class "winePopup" 的内容 此处显示 class "winePopup" 的内容 怎样才能让第二个li在第一个winePopup下面
回复讨论(解决方案)
并级的对象，此属性参数值越大，则被层叠在最上面。
此处显示 class "winePopup" 的内容
此处显示 class "winePopup" 的内容
这个站在css的角度是无解的，因为li都是同级的，而且是winepopup的爷级类元素，想要子类去跨越父级的层级，这是不合理的。
所以只能通过js来动态的去给li添加position:relative，只有添加了position:relative时z-index才会生效。如果没有效果就去除position:relative;大概思路就是这样，利用这个特效可以用jq动态的这样操作，如果要实现菜单的隐藏显示的话，可以这样：
多谢三楼大神指教
求助z-index在IE7中问题_html/css
求助z-index在IE7中问题_html/css_WEB-ITnose:ul li {width: 130px;float: left;height: 115px;position: relative;background-color: #000;/*z-index: 1;*/}ul li .winePopup {background-color: #910312;width: 235px;position: absolute;z-index: 9999;left: 100px;height: 100px;color: #FFF;} 此处显示
