CSS中z-index属性具体是什么意思?

el/2024/7/17 20:38:03

定义和用法z-index 属性设置元素的堆叠顺序。

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

注释:元素可拥有负的 z-index 属性值。

注释:Z-index 仅能在定位元素上奏效(例如 position:absolute;)!

说明该属性设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。

如果为正数,则离用户更近,为负数则表示离用户更远。

默认值:auto

继承性:no

版本:CSS2

JavaScript 语法:

object.style.zIndex="1"实例设置图像的 

z-index:img{

position:absolute;

left:0px; 

top:0px;

z-index:-1;

TIY浏览器支持所有主流浏览器都支持 z-index 属性。

注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"。

可能的值值描述auto默认。堆叠顺序与父元素相等。

number设置元素的堆叠顺序。

inherit规定应该从父元素继承 z-index 属性的值。

 

 


http://www.ngui.cc/el/5557222.html

相关文章

linux时间类型

linux时间类型 日历时间time_t类型 保存表示从1970年1月1日 0:0:0经过的秒数 进程Cpu时间 clock_t 时钟时间 进程运行的总的时间 用户CPU时间 执行用户指令需要的时间 系统CPU时间 内核执行的时间 通过time命令可以获取进程cpu时间 time_t 包含的是…

linux 进程控制说明

内核进程 进程id 名字 说明 0 swap 用于交换 系统进程 1 init 用于启动系统 非系统进程 程序文件sbin/init 读配置文件/etc/init.d 2 pagedaemon 页守护进程 系统进程 进程相关函数的重要说明 1) fork之后,父子进程没有规定谁先执…

linux 进程间的关系

1.伪终端的概念 即能处理终端login,又能处理网络login 2.进程组是一组进程的集合,进程组的id就是进程组长的进程id 3.只有进程组里面的最后一个进程结束,这个进程组的生命周期才结束 (疑问?如果父进程结束了,那么子进程的父进程已经变成了in…

CSS 相对/绝对(relative/absolute)定位系列

一、relative属性的形象化思维 relative是个看上去低调,有些特殊才能,气场强大,有着不俗身世,但无形中会影响他人的凡人。 二、故事继续 系列一中讲了浮动和绝对定位两位魔鬼兄弟之间的感人故事,那相对定位和绝对定位之…

linux命令(12)如何查看linux系统版本

(1) 查看内核版本及平台 uname -r -m 3.2.0-24-generic x86_64 (2) 查看发行版版本 lsb_release -a Distributor ID: Ubuntu Description: Ubuntu 12.04 LTS Release: 12.04 Codename: precise

css3 calc()自适应布局属性 ---浏览器版本兼容性的问题

“无意中发现了一个巨牛的人工智能教程,忍不住分享一下给大家。教程不仅是零基础,通俗易懂,而且非常风趣幽默,像看小说一样!觉得太牛了,所以分享给大家。点这里可以跳转到教程。” 我们想要实现页面自适应布…

剖析CSS relative相对定位用法

本文向大家介绍一下CSS relative相对定位的概念,如果对一个元素进行相对定位,它将出现在它所在的位置上。 CSS relative相对定位 设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。 CSS 相对定位…

CSS 绝对定位属性absolute用法初探

CSS 绝对定位的用法你是否熟悉,这里和大家分享一下CSS 绝对定位的属性absolute,希望对你的学习有所帮助。 CSS absolute属性 设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是…

CSS3属性之text-shadow和box-shadow(立体效果的实现)

语法&#xff1a; text-shadow &#xff1a; none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]* 相关属性 &#xff1a; 无 取值&#xff1a; <color> &#xff1a; 指定颜色。 <length> &#xff1a…

CSS实现背景透明/半透明效果 但内容文字不透明

针对透明背景&#xff0c;包括背景图片和背景色 一、背景完全透明 .bg{background:transparent } 二、背景半透明 这里要分两个div&#xff0c;一个单独设置背景透明度&#xff0c;另外一个放内容 margin-top:-33px;使用这个方法让文字叠加在透明背景图上。 css: .bg{ width…