美文网首页
css定位流z-index属性

css定位流z-index属性

作者: nickNic | 来源:发表于2019-07-26 15:57 被阅读0次

1什么是z-index属性?
默认情况下所有的元素都有一个默认的z-index属性取值是0
z-index属性的作用是专门用于控制定位流元素的覆盖关系的

默认情况下定位流的元素会盖住标准流的元素
默认情况下定位流的元素后面编写的会盖住前面编写的
如果定位流的元素设置了z-index属性,那么谁的z-index属性比较大,谁就是显示在上面

2注意点
2.1从父现象
2.1.1如果两个元素的父元素都没有设置z-index属性,那么子元素谁的z-index属性的值比较大,谁就显示在上面
2.1.2如果两个元素的父元素都有设置z-index属性,那么子元素的z-index属性就会失效,也就是说谁的父元素的z-index属性的值比较大,谁就显示在上面.

相关文章

  • CSS深入理解之z-index 笔记

    z-index 与 css 定位属性 z-index 只对定位元素有作用。 如果定位元素z-index没有发生嵌套...

  • css定位流z-index属性

    1什么是z-index属性?默认情况下所有的元素都有一个默认的z-index属性取值是0z-index属性的作用是...

  • ## 定位流

    ## 定位流 # 相对定位 # 绝对定位 # 子绝父相 # 固定定位 # z-index属性 定位的元素会盖住没有...

  • HTMLCSS学习笔记(七)-- 定位与锚点

    CSS文档流 CSS 有三种基本的定位机制:普通流、浮动流、定位流 POSTION position定位属性,检索...

  • H5+class9

    讲解了定位流分类(相当重要) 相对定位 绝对定位 固定定位 静态定位(默认) z-index属性(调节标签显示层级...

  • CSS布局

    CSS入门(3) CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+...

  • CSS布局

    CSS的常见布局 CSS常见布局使用display属性(文档流)+position属性(定位)+float属性(浮...

  • 定位流-z-index属性

    1.什么是z-index属性?默认情况下所有的元素都有一个默认的z-index属性, 取值是0.z-index属性...

  • 上课这点事-CSS知识

    定位 定位属性列表position、top、bottom、right、left、z-index、position ...

  • 背景的运用

    z-index 当元素开启定位之后就可以设置z-index这个属性。 这个属性可以提升定位元素所在的层级。 z-i...

网友评论

      本文标题:css定位流z-index属性

      本文链接:https://www.haomeiwen.com/subject/zitglctx.html