为了账号安全,请及时绑定邮箱和手机立即绑定
我觉得这样理解可能好点。
因为.box(父元素)设置了定位而且z-index值不为auto,形成了层叠上下文,img(子元素)的z-index失效,所以这里的img它的z-index是没有作用的。
又因为这个img元素是inline-block元素,所以显示是在块元素.box上面的、
一口气学完了所有课程,在这之前看张鑫旭老师的博客https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/感觉比较难懂,课程做了优化,由简入深,更好理解一些。建议结合二者来学习
但我对开头说的层叠上下文就离用户更近的说法不赞同,其实层叠上下文只是一个环境,类似BFC,是一个层,但这个层到底离用户近不近,还要看整个层叠上下文的层叠水平

最新回答 / TokugawaNakashima
老师,我好像知道啦。视频里定位元素指的是tag上的posotion attribute。
一开始感觉是个特别简单的东西,比喻完就不懂了
听不懂的别BB哈,哪不懂就多看几遍,你牛B你自己也出课程
看来好学生不一定能做好老师

最新回答 / weixin_慕瓜952243
img是行内块呀,他有行级和块级元素的特性。而span,你就把他当成纯文本,你见过给一个文字z-index吗?

最新回答 / 慕粉0815224883
如果要创建层叠上下文,需要是定位元素,且z-index属性不为auto ,你说的block块状水平盒子 是在同一个层叠上下文中的层叠水平比较,个人理解哈
获益良多,谢谢张大佬
首页上一页1234567下一页尾页
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
1、深入理解嵌套表现及z-index的计算规则; 2、详细介绍元素层叠表现、顺序及CSS的一些属性对层叠上下文的作用; 3、分享z-index相关事件经验。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消