Z-INDEX: 999

z-index 属性设置元素的堆叠顺序：拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。所以，Z-INDEX: 999表示某个元素的显示在前面的优先级参数为999。注意：

参数越大，表示越会显示在其他堆叠元素之上。
Z-index 仅能在定位元素上有效（例如 position:absolute;）

下面举个例子：

HTML代码给出了内层的3个div，显示的数字即为z-index数值

1

2

3

4

5

<div class="outer">

    <div class="con1">99</div>

    <div class="con2">999</div>

    <div class="con3">9</div>

</div

添加css样式，注意内层div的定位方式为relative，并且分别设置了z-index数值

div.outer{width:350px;height:350px;padding:10px;border:1px solid green;}

div.outer div{width:200px;height:200px;padding:0 5px;color:white;font-size:20px;position:relative;}

div.con1{background:red;top:20px;left:20px;z-index:99;}

div.con2{background:green;top:-100px;left:0px;z-index:999;}

div.con3{background:blue;top:-250px;right:-100px;text-align:right;z-index:9;

显示效果，z-index数值越大，显示地越靠前

Z-INDEX: 999相关推荐

HTML中z index属性是用来,css中z-index 属性与用法详解
Z-index属性决定了一个HTML元素的层叠级别.元素层叠级别是相对于元素在Z轴上(与X轴Y轴相对照)的位置而言.一个更高的Z-index值意味着这个元素在叠层顺序中会更靠近顶部.这个层叠顺序沿着垂 ...
js怎么设置z index.html,HTML5 Canvas set z-index
j0kEli Stone提出了一个问题:HTML5 Canvas set z-index,或许与您遇到的问题类似. 回答者markE给出了该问题的处理方式: Yes..kind of yes. You ...
html设置z index.html,CSS中z-index属性的使用方法和示例介绍
怎么使用CSS z-index属性?下面本篇文章就来给大家浅谈一下CSS z-index属性的使用方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. z-index属性介绍只有设置 ...
mysql 索引合并_MySQL 索引合并（Index Merge）优化
本文问题什么是Index Merge?Index Merge的限制有哪些? 如何查看语句是否使用了Index Merger? Index Merge有哪几种?分别适用于那些情景? 如何控制优化器是否 ...
css索引_CSS中的Z索引：它是什么以及它做什么
css索引什么是Z索引? (What is a Z Index?) Z Index (z-index) is a CSS property that defines the order of ove ...
iloc loc 区别
loc和iloc的区别,这两个有点容易混淆,因此需要特殊方式来加强记忆总结: loc使用范围比iloc更广更实用,loc可以使用切片.名称(index,columns).也可以切片和名称混合使用:但 ...
python 条件表达式换行_Python基础语法 - LongKing-Xu的个人空间 - OSCHINA - 中文开源技术交流社区...
python基础语法一.标识符在Python中,所有标识符可以包括英文.数字以及下划线(_),但不能以数字开头. 在Python中的标识符是区分大小写的. 在Python中以下划线开头的标识符是有 ...
【OpenCV】双目相机测距及其深度恢复原理及其算法流程
1. 数学模型 2.整体流程获取标定与图像数据==>stereoRectify==>initUndistortRectifyMap==>remap==>bg/sgbm恢复出视 ...
Directx11进阶教程PBR(3)之IBL
IBL IBL是 Image Based Lighting的缩写,也就是基于图像的光照, 把包围整个场景的图像看作是一个大型光源, 对物体着色产生了影响.在图形渲染中通常指的SkyBox, 用于IB ...
PHP自学笔记(基础语法篇)
本文章是我在b站上自学PHP的学习笔记,如果有错误,欢迎大家改正,谢谢. 文章目录 1. PHP介绍 1.1 什么是PHP 2. 认识PHP脚本程序 2.1 PHP语言标记(四种定界符) 2.2 结束 ...

Z-INDEX: 999

Z-INDEX: 999相关推荐

最新文章

热门文章