为了账号安全,请及时绑定邮箱和手机立即绑定

已采纳回答 / 田心枫
position:sticky是一个新的css3属性,它的表现类似position:relative和position:fixed的合体,在目标区域在屏幕中可见时,它的行为就像position:relative; 而当页面滚动超出目标区域时,它的表现就像position:fixed,它会固定在目标位置。

已采纳回答 / 田心枫
这是一个css样式,z-index是改变元素的层级,数值越大,层级越高。有一个很直观的方法,就是打开Chrome/Firefox中审查元素(F12),在这个开发者工具有一个叫3D视图的东西,点击它就能看到一个网页的立体视图,层级一目了然。

最新回答 / 晓风晚曳
可以设置hover时图片发生位移,定位到顶层

已采纳回答 / 慕神8718614
position:sticky是一个新的css3属性,它的表现类似position:relative和position:fixed的合体,在目标区域在屏幕中可见时,它的行为就像position:relative; 而当页面滚动超出目标区域时,它的表现就像position:fixed,它会固定在目标位置。

最新回答 / Kant_13754468
自己敲一段代码试试

已采纳回答 / 月下风物语
技术有限,我的方法比较死板。代码如下:<...code...>

最新回答 / 龙卷风
如果你用过ps那么知道图层的原理   z-index跟图层的原理差不多

最赞回答 / 疯一般的小猪仔
position:sticky是一个新的css3属性,它的表现类似position:relative和position:fixed的合体,目标区域在屏幕中可见时,它的行为就像position:relative; 而当页面滚动超出目标区域时,它的表现就像position:fixed,它会固定在目标位置。一些常见的应用这个属性的一般是侧边栏和底部内容

最赞回答 / wei什么呀
如果父元素z-index有效,那么子元素无论是否设置z-index都和父元素一致,会在父元素上方。详细参考连接——http://www.cnblogs.com/dolphinX/p/3262469.html

最新回答 / zzluyao
一般的定位元素(z-index未设置,默认auto)是不会创建层叠上下文的。所以你的例子 父元素的背景当然就被子元素覆盖,而sisiter元素block当然就覆盖img元素(inline-block)。然后说下层叠上下文。层叠上下文只是针对子元素的。这样index数值是负数的时候就会显示在父元素背景之上!!<...图片...><...图片...><...图片...>

最新回答 / qq_唯静心不动_elmCOV
拥有嵌套关系的z-index的属性是由其父节点决定其所在的位置,上述有两个被div包裹的img标签,虽然上一个z-index属性比下一个z-index的值要大,但是按不加父节点来说是遵循大者为上,小者为下,所以小的z-index的值就是父节点。
课程须知
既适合学习过CSS基础知识的新手深入学习,也欢迎有经验的小伙伴加深了解噢!
老师告诉你能学到什么?
1、深入理解嵌套表现及z-index的计算规则; 2、详细介绍元素层叠表现、顺序及CSS的一些属性对层叠上下文的作用; 3、分享z-index相关事件经验。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消