__x__(35)0908第五天__ 层级 z-index

Posted tianxiaxuange

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了__x__(35)0908第五天__ 层级 z-index相关的知识,希望对你有一定的参考价值。

如果三个div全部设置 position: absolute; 绝对定位,且未设置 z-index,  则从代码结构上    下面的元素 会盖住 上面的元素。

 技术分享图片


 

z-index 层级:

  • 通过z-index属性 设置元素的 层级。
  • z-index: 正整数;
  • 层级越高,越优先显示在最上面。
  • z-index:1;    大于    没设置 z-index 的元素
  • 对于没有开启定位的元素,z-index无效。
  • 父元素层级再高,也不会盖住子元素。

 

以上是关于__x__(35)0908第五天__ 层级 z-index的主要内容,如果未能解决你的问题,请参考以下文章

__x__(34)0908第五天__ 定位 position

__x__(29)0908第五天__高度塌陷 问题

__x__(30)0908第五天__导航条的练习

__x__(32)0908第五天__Photoshop的基本操作

__x__(41)0909第五天__长表格

__x__(39)0909第五天__ 表格 table