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

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

CSS深入理解之z-index

                
                张鑫旭
            页面重构设计

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

全部评论问答未解决精华

EWL

去张老师的博客转一圈回来，膝盖都跪烂了，6得飞起啊

0 8-1 z-index相关实践分享

2017-11-14

EWL

建议搭配CSS权威指南z-index一节观看，效果更佳

0 3-1 CSS中层叠上下文和层叠水平

2017-11-13

qq_ChuanceyYin_0

迷迷糊糊,

0 6-1 其他CSS属性与层叠上下文

2017-11-09

qq_ChuanceyYin_0

还是七阶层级水平图有用,1s就懂了,

1 4-1 层叠顺序

2017-11-09

按照层叠顺序，inline-block和inline是同级，那img为什么会到文字下面去呢？

最新回答 / 沧海的雨季

不是后来居上吧我把图片放到后面文字还是会在图片上面应该是float覆盖了inline的特性

3 回答 1457 浏览 4-1 层叠顺序

2017-11-06

rambuild

.box是img的容器。1，当都没有设置z-index时。img是内联元素， .box是块级元素。根据层叠顺序，此时图片会在容器上方显示；2，当图片设置z-index = -1容器不设置z-index时。根据层叠顺序，z-index为负值的元素的层叠顺序在块级元素之下，所以此时容器覆盖了图片；3，当图片设置z-index = -1同时容器设置z-index = 0时，此时容器创建了层叠上下文，根据层叠顺序，z-index为负值的元素在层叠上下文之上，所以此时图片在容器中显示。

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

2017-11-02