博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
z-index
阅读量:6873 次
发布时间:2019-06-26

本文共 516 字,大约阅读时间需要 1 分钟。

z-index

这个东西非常简单,它有四大特性,每个特性你记住了,页面布局就不会出现找不到盒子的情况。

  • z-index 值表示谁压着谁,数值大的压盖住数值小的,
  • 只有定位了的元素,才能有z-index,也就是说,不管相对定位,绝对定位,固定定位,都可以使用z-index,而浮动元素不能使用z-index
  • z-index值没有单位,就是一个正整数,默认的z-index值为0如果大家都没有z-index值,或者z-index值一样,那么谁写在HTML后面,谁在上面压着别人,定位了元素,永远压住没有定位的元素。
  • 从父现象:父亲怂了,儿子再牛逼也没用

 

z-inde 就是改变两个 正在覆盖的图片的显示,可以让他们的显示的先后顺序进行改变,谁的z-index的值大就显示谁的,子级别的z-index不会改变父级的显示 但是父级会改变子级的

 

    
Document

 

转载于:https://www.cnblogs.com/zhaoyunlong/p/9092222.html

你可能感兴趣的文章
黑马程序员————java多线程及同步机制
查看>>
在C#中运行PowerShell
查看>>
ScrollView垂直滚动控件和HorizontalScrollView水平滚动控件
查看>>
类的声明与实例化
查看>>
oracle 11g 执行计划 笛卡尔积 处理
查看>>
软件测试 homework1 关于web大作业中出现的问题
查看>>
git 问题解决办法
查看>>
Hibernate中的锁机制
查看>>
线段树,最大值查询位子(个人模版)
查看>>
LeetCode: 63. Unique Paths II(Medium)
查看>>
PCA算法浅析
查看>>
scrollView的几个属性contentSize contentOffset contentInset
查看>>
iOS开发笔记--iOS动画(Core Animation)总结
查看>>
计算机组成原理
查看>>
虚拟机安装CentOS 6.5
查看>>
定义私有cocoapods 源
查看>>
事务嵌套的问题
查看>>
黄聪:WordPress wp_head()优化:去除不必要的元素标签(转)
查看>>
WebSocket详解
查看>>
关于:置信度
查看>>