css z-index属性

z-index 属性用来控制元素在 z 轴上的顺序 1. 适用范围 z-index 仅适用于定位元素。即 postition 值为 relative, absolute 和 fixed 属性 2. 作用指定当前元素的 堆叠顺序建立新的 堆叠上下文...

z-index 属性用来控制米素在 z 轴上的顺序


1. 适用范围

z-index 仅适用于定位米素。即 postition 值为 relative, absolute 和 fixed 属性


2. 作用

指定当前米素的 堆叠顺序建立新的 堆叠上下文

2.1 什么是堆叠顺序

堆叠顺序是当前米素位于 z 轴上的值。值越大示意米素越靠近屏幕,反之米素越远离屏幕在同一个堆叠上下文中, z-index 值越大,越靠近屏幕。

除了 z-index 控制着米素的 堆叠顺序,另有其他因素控制着米素的 堆叠顺序,如下:
<img src="https://www.github.com/hileix/blogs/raw/master/src/assets/堆叠顺序.png">

2.1 什么是堆叠上下文?

堆叠上下文 是一个在该米素内的堆叠顺序不会影响到其他堆叠上下文堆叠顺序的一个 环境HTML 文档默认的堆叠上下文: html 米素


3. 其他

米素的堆叠顺序不会高于(或低于)父米素的堆叠顺序


思源资源网:分类流动

1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各种产物的最新流动,优惠券领取点击进入

3.广告同盟: 整理了现在主流的广告同盟平台,若是你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/7016

  • 发表于 2021-02-11 16:54
  • 阅读 ( 211 )
  • 分类:互联网

0 条评论

请先 登录 后评论
微/扣886
微/扣886

684 篇文章

你可能感兴趣的文章

相关问题