求助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;}

• 此处显示 class "winePopup" 的内容
• 此处显示 class "winePopup" 的内容

怎样才能让第二个li在第一个winePopup下面

回复讨论(解决方案)

并级的对象，此属性参数值越大，则被层叠在最上面。

• 
  
  此处显示 class "winePopup" 的内容
  
  


• 
  
  此处显示 class "winePopup" 的内容
  
  

这个站在css的角度是无解的，因为li都是同级的，而且是winepopup的爷级类元素，想要子类去跨越父级的层级，这是不合理的。
所以只能通过js来动态的去给li添加position:relative，只有添加了position:relative时z-index才会生效。如果没有效果就去除position:relative;大概思路就是这样，利用这个特效可以用jq动态的这样操作，如果要实现菜单的隐藏显示的话，可以这样：

• 111111
• 2222

多谢三楼大神指教