元素的层叠顺序

news/2024/11/28 10:33:29/

层叠顺序,表示元素发生层叠时有着特定的垂直显示顺序。
下面是盒模型的层叠规则:
在这里插入图片描述
对于上图,由上到下分别是:
(1)背景和边框:建立当前层叠上下文元素的背景和边框。
(2)负的 z-index:z-index 属性值为负的元素。
(3)块级容器:文档流内非行内级非定位后代元素。
(4)浮动容器:非定位浮动元素。
(5)行内容器:文档流内行内级非定位后代元素。
(6)z-index:0:层叠级数为 0 的定位元素。
(7)正 z-index:z-index 属性值为正的定位元素。

注意: 当定位元素 z-index:auto,生成上下文中的层级为 0,不会建立新的层叠上下文,除非是根元素。


http://www.ppmy.cn/news/22195.html

相关文章

Kerberos协议与认证数据包分析

Kerberos协议 Kerberos是一种在开放的非安全网络中认证并识别用户身份信息的方法, 它旨使用密钥加密技术为客户端/服务端应用程序提供强身份认证。 目前主流的Kerberos版本是2005年的RFC4120标准的Kerberos v5, Windows、Linux和MacOs均支持Kerberos协议。Kerberos基础 Kerbe…

【JavaEE】第一个servlet程序

✨哈喽,大家好,我是辰柒!✨ 🛰️🛰️系列专栏:【JavaEE】 ✈️✈️本篇内容:如何写出第一个servlet程序! 🚀🚀代码存放仓库github:JavaEE代码! ⛵⛵作者简介&…

Java和kotlin的对比

0、序言 在java的既有能力上学习kotlin,可快捷理解新语言特性。总体而言kotlin的语言设计思想是悲观谨慎,相对java的就比较乐观开放。 1、数据类型 Kotlin类型位宽度Java类型Double64doubleFloat32floatLong64longInt32intShort16shortByte8byteChar不…

尚医通(三)医院设置模块后端 | swagger | 统一日志 | 统一返回结果

目录一、医院设置模块需求二、医院设置表结构三、医院模块配置四、医院查询功能1、创建包结构,创建SpringBoot启动类2、编写controller代码3、创建SpringBoot配置类5、运行启动类6、统一返回的json时间格式五、医院设置逻辑删除功能1、HospitalSetController添加删除…

cocos2d-x 3.x 之Console模块

环境: cocos3.10 Mac 注: 从个人博客园移植而来 简介 在看cocos2dx cpp-test项目中,无意之下发现了这样的一段代码: bool AppDelegate::applicationDidFinishLaunching() {// Enable Remote Consoleauto console director->…

【JavaEE】认识Tomcat

✨哈喽,大家好,我是辰柒!✨ 🛰️🛰️系列专栏:【JavaEE】 ✈️✈️本篇内容:如何构造 HTTP 请求同时认识HTTPS! 🚀🚀代码存放仓库github:JavaEE代码! ⛵⛵作者…

2023-02-04 SQL子查询优化

本文结合 SQL Server 以及 HyPer 的几篇经典论文,由浅入深地讲解一下这套去关联化的理论体系。它们二者所用的方法大同小异,基本思想是想通的。 子查询(Subquery)的优化一直以来都是 SQL 查询优化中的难点之一。关联子查询的基本执行方式类似于 Nested-Loop,但是这种执行方…

提分必练,中创教育PMP全真模拟题分享

湖南中创教育每日五题分享来啦,“日日行,不怕千万里;常常做,不怕千万事。”,每日五题我们练起来! 1、项目目前符合预算、进度和范围。虽然项目进展顺利,但是项目经理希望在每周项目状态会上跟踪…