z-index无效,哪个浏览器都是呢~~什么问题啊
<div class="index_weds_appear">
<ul>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">PMCaff</a><dl style="left:46px;"><dt><a href="#">详情</a></dt><dd>系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">互联网的那些事</a><dl style="left:100px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">知乎</a><dl style="left:29px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">月光博客</a><dl style="left:58px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">天涯浩哥</a><dl style="left:58px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">DoNews</a><dl style="left:50px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">互联网的那些事</a><dl style="left:100px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">那些事</a><dl style="left:44px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">那些事</a><dl style="left:44px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">那些事</a><dl style="left:44px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">那些事</a><dl style="left:44px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">那些事</a><dl style="left:44px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
<li><div class="wed_aout"><span class="wed_a1"><a href="#" class="a1">那些事</a><dl style="left:44px;"><dt><a href="#">详情</a></dt><dd>系统分页</dd></dl></span></div></li>
</ul>
</div>
--------------------------------------
样式:
.index_weds_appear{height:205px; overflow:hidden; background:#fff; }
.index_weds_appear ul li{ width:124px;float:left;padding:15px 0 4px;}
.wed_a1{position:relative; z-index:1; }
.wed_aout{ width:124px; text-align:center;}
.index_weds_appear li a{font-size:14px;color:#000;}
.index_weds_appear li:hover a{background:#6CA204; color:#fff; cursor:pointer;}
.index_weds_appear li:hover dl{ display:block; position:absolute;top:0; z-index:999;}
.index_weds_appear li dl{ display:none;width:257px;}
.index_weds_appear li dt{ height:27px; float:left;}
.index_weds_appear li:hover dt a{ background:#EEFECD;color:#73A301; font-size:12px; padding:2px;}
.index_weds_appear li dd{font-size:12px;clear:left;text-align:left;background:#EEFECD; border:1px solid #DDE9C5; color:#73A301; line-height:17px;}
.index_weds_appear a:hover{ text-decoration:none;}
[解决办法]
http://www.neoease.com/css-z-index-property-and-layering-tree/
[解决办法]
.wed_a1{position:relative; z-index:1; }
去掉z-index就可以了