- 时间：2022-06-03 23:18 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：relative absolute无法冲破的等级问题解决第1/3页
前段时间记得好像是谁在群里提出了一个实在是让大家都觉得很不理解的一个问题：
[url=]<li><a href="" title=""><span>第二块</span></a></li>
<li><a href="" title=""><span>第三块</span></a></li>
<li><a href="" title=""><span>第四块</span></a></li>
<li><a href="" title=""><span>第五块</span></a></li>
</ul>
我们通过链接的鼠标事件来完成这个显示隐藏效果：
*{margin:0; padding:0; list-style:none;}
li {height:100px; margin:0 5px 0 0; float:left; width:100px;}
li a {position:relative; z-index:1; display:block; height:100px; width:100px; background:#000;}
li a:hover {background:#000000;}
li span {display:none;}
li a:hover span {display:block; background:#c00; width:200px; height:200px; position:absolute; top:0; left:100px; z-index:1000;}
当前1/3页 [b]1[/b][url=http://www.1sucai.cn/article/14884_2.htm]2[/url][url=http://www.1sucai.cn/article/14884_3.htm]3[/url][url=http://www.1sucai.cn/article/14884_2.htm]下一页[/url][url=http://www.1sucai.cn/article/14884_all.htm]阅读全文[/url]
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
