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
                                逻辑清晰

全部评论问答未解决精华

lovemit

我是来学习普通话的。！

1 1-1 z-index基础

2016-05-07

MCtrl

画风太美不忍直视

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

2016-05-06

iters

z-index如何控制视图，受制于其层叠上下文，如果父级元素没有层叠上下文，则会一直找到根元素作为层叠上下文

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

2016-05-05

JESSICAHEREIM

shanghainin

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

2016-05-05

心会向着光丶

听他讲课等于放屁

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

2016-05-05

teddybearscm

这例子举的简直了。。。。。

2016-05-05

拱猪的小白菜

老师讲的挺好的，棒棒~

1 1-1 z-index基础

2016-05-04

Nicccc

本来对概念还有点感兴趣的，老师你一打比方我就跳过了。建议用代码来举例。

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

2016-05-03

weibo_卡农201409_0

这比喻醉了，不比喻还懂，一比喻就坑了

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

2016-05-02

微积分2016

딩딩딩 顶顶顶

1 1-1 z-index基础

2016-04-30

求解，我这里设置里了z-index：0；之后并没有向老师那样的效果

最赞回答 / 薇笑的夏娃

你这个代码写的是container、img都各自创建了一个层叠上下文，但是他们的父元素的层叠上下文都属于根标签，这样container和img都属于兄弟级别的元素，而container的z-index高于img，所以会覆盖img。老师讲的应该是img和父元素wrap之间的z-index设置。如果你将父元素的z-index设置为0，就会发现wrap被图片覆盖。因为此时img的层叠上下文不是根标签，而是wrap，wrap就变成了background，所以img的index：-1高于background，会覆盖...

3 回答 1295 浏览 5-1 z-index与层叠上下文

2016-04-30