z-index总结

z-index总结

一、总结

一句话总结:

1、子元素无论z-index高低,都是在父元素子上
2、如果想让某元素显示在某元素之下,设置为同级,上面的z-index高

1、如果想让某元素显示在某元素之下,z-index如何设置?

a、【同级】:设置为同级
b、【上面的z-index高】:把上面的元素的z-index设置的高一点,比如10
c、【下面的z-index低】:把下面的元素的z-index设置的低一点,这里只要比10小就好了

二、z-index总结

1、相关知识

1、子元素无论z-index高低,都是在父元素子上

2、如果想让某元素显示在某元素之下

a、【同级】:设置为同级

b、【上面的z-index高】:把上面的元素的z-index设置的高一点,比如10

c、【下面的z-index低】:把下面的元素的z-index设置的低一点,这里只要比10小就好了

2、实例

鱼在下面很好实现,就是同级,并且把鱼设置的低一点,要放在上面的元素设置的高一点即可

3、注意

一定注意上层的元素不能有全覆盖的背景,不然下层的元素会被背景挡到

 
我的旨在学过的东西不再忘记(主要使用艾宾浩斯遗忘曲线算法及其它智能学习复习算法)的偏公益性质的完全免费的编程视频学习网站: fanrenyi.com;有各种前端、后端、算法、大数据、人工智能等课程。
博主25岁,前端后端算法大数据人工智能都有兴趣。
大家有啥都可以加博主联系方式(qq404006308,微信fan404006308)互相交流。工作、生活、心境,可以互相启迪。
聊技术,交朋友,修心境,qq404006308,微信fan404006308
26岁,真心找女朋友,非诚勿扰,微信fan404006308,qq404006308
人工智能群:939687837

作者相关推荐

原文地址:https://www.cnblogs.com/Renyi-Fan/p/15316726.html