首页 > 其他 > 详细

浅析z-index为什么不生效

时间:2015-04-13 07:08:50      阅读:260      评论:0      收藏:0      [点我收藏+]

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为什么不生效

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!