浅析z-index为什么不生效

标签：干什么   style   元素   

z-index相信大家都知道是干什么的。可是有时我们在使用时他却没有显示作用，这是为什么呢？


<div style="z-index:4;width:560px;background-color:Aqua; ">不生效 <a href="http://jihua.cnblogs.com">jihua.cnblogs.com</a></div>
<div style="z-index:3;width:360px;background-color:Fuchsia; position:absolute;">有效 <a href="http://jihua.cnblogs.com">jihua.cnblogs.com</a></div>
<div style="width:760px;background-color:Silver;">底部</div>

 

 效果如下
不生效 jihua.cnblogs.com
有效 jihua.cnblogs.com
底部 jihua.cnblogs.com

 
分析：
 Z-index 仅能在定位元素上生效，所以给div的style加上z-index:3的同时，要记得加上position:absolute;或者position:fixed;，才能生效

浅析z-index为什么不生效

标签：干什么   style   元素   

原文地址：http://yangzhuba.blog.51cto.com/10105202/1631590