CSS深入理解之z-index_技术问答

首页免费课 CSS深入理解之z-index 问答

CSS深入理解之z-index

                
                张鑫旭
            页面重构设计

                    查看讲师更多课程 
                    张鑫旭讲师的其他课程
                
CSS深入理解之border
中级·56801
免费课程
                                
CSS深入理解之padding
中级·52482
免费课程
                                
CSS深入理解之margin
中级·55944
免费课程
                                
CSS深入理解之relative
中级·47920
免费课程
                                
CSS深入理解之vertical-align
中级·39338
免费课程
                                
CSS深入理解之line-height
中级·43086
免费课程
                                
                难度中级
            
                时长 1小时 5分
            
                学习人数
            
综合评分9.57
                            167人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

我要开发地图系统

刚才问了个傻问题，回头重看前几章才知道，z-index 本来就是给定位排顺序用的。

不过，由此我也有个新发现，他的使用规则基本由定位来确定，比如——元素定位的参照物。

0 2-1 z-index与定位元素

2016-06-05

我要开发地图系统

我又遇到一个，很不解，还是在5-1章，

box没有 z-index ，而图片的 z_index:-1并不能跑到box的背景下面去，图片必须同时有定位属性才能够跑到box的下面去。
box是图片的父元素div。

为什么会这样？
而且就算box 的 z-index为0，也无济于事，图片一定要定位。
这到底是怎么回事？

0 5-1 z-index与层叠上下文

2016-06-05

我要开发地图系统

至此，我有个疑问，难道只要元素具有 z-index属性，就会脱离父元素的掌控，不再存在于父元素的空间之中，除非父元素也具备 z-index 属性，从而为它创造层叠上下文环境。

是这样么？

0 5-1 z-index与层叠上下文

2016-06-05

我要开发地图系统

z-index第5-1章的理解：
1、定位元素相当于 z-index:auto ，但还是普通元素。
2、当元素的 z-index 为数值时，就会创造层叠上下文环境，其子元素都受其影响，进行排序。
3、图片的 z-index为-1时，之所以会跑到父元素的背景之下，是因为它要从祖先元素寻找层叠上下文环境，逐级查找，哪个离它最近，就哪个为准，排列次序。

0 5-1 z-index与层叠上下文

2016-06-05