position:relative/absolute无法冲破的等级

<ul>  
<li><span>第一块</span></li>  
<li><span>第二块</span></li>  
<li><span>第三块</span></li>  
<li><span>第四块</span></li>  
<li><span>第五块</span></li>  
</ul>  

复制代码 代码如下:

*{margin:0; padding:0; list-style:none;}  
li {height:100px; margin:0 5px 0 0; float:left; width:100px; background:#000;}  
li:hover {position:relative; z-index:1;}  
li span {display:none;}  
li:hover span {display:block; width:200px; height:200px; background:#c00; position:absolute; top:0; left:100px; z-index:1000; }  

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

（编辑：焦作站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!