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

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

CSS深入理解之z-index

                
                张鑫旭
            页面重构设计

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

全部评论问答未解决精华

堪忍无常

论技术绝对扛把子论讲课水平确实真的不敢恭维当讲师也是有讲究的

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

2021-09-15

网友张顺飞

我觉得这样理解可能好点。
因为.box（父元素）设置了定位而且z-index值不为auto，形成了层叠上下文，img（子元素）的z-index失效，所以这里的img它的z-index是没有作用的。
又因为这个img元素是inline-block元素，所以显示是在块元素.box上面的、

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

2021-06-04

妙音天女

一口气学完了所有课程，在这之前看张鑫旭老师的博客https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/感觉比较难懂，课程做了优化，由简入深，更好理解一些。建议结合二者来学习
但我对开头说的层叠上下文就离用户更近的说法不赞同，其实层叠上下文只是一个环境，类似BFC，是一个层，但这个层到底离用户近不近，还要看整个层叠上下文的层叠水平

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

2021-02-25