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动态的这样操作，如果要实现菜单的隐藏显示的话，可以这样：
test 111111
2222

多谢三楼大神指教