博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
z_index属性
阅读量:5740 次
发布时间:2019-06-18

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

hot3.png

 1.z_index属性可以调整元素之间的层叠顺序:
 
1.值为整数,亦可为负数,默认值为auto(firefox浏览器)或者0(IE浏览器)。当元素设 定位属性时,该值就生效。(使用z_index属性的前提就是其本身或者父元素要有定位属性,方可生效)。
 2.所有主流浏览器都支持z_index属性。IE任何版本(包括IE8)都不支持属性值"inherit".
 3.同级元素之间z_index属性值越大,其位置越是靠近用户视野。即z_index值越大,元素将叠加在z_index值较小的元素上。
 4.z_index属性值为负数时,隐藏普通文档流下方。
 5.同级元素定位方式相同(他们拥有同一个父元素),且无z_index设置时,XHTML元素靠后者居上;
 6.非同级元素定位时,比较父元素定位z_index值或在XHTML代码中位置。若是父元素设置定位,依次向上查找定位父元素。
自己见解:
1.z_index属性可以调整元素之间的层叠顺序;(z_index必须用在有定位的元素之中才会有效果,否则没有任何效果。)
2.z_index的值为整数,也可为负数,在火狐浏览器中默认值为auto;IE浏览器中默认值为0;
3.目前所有的浏览器都支持z_index属性,但是IE任何版本都不支持属性值inherit;
4.同级元素之间的z_index的值越是大,其的位置就越是居上。z_index的值越大,元素将叠加在z_index值较小的元素上;
5.z_index属性值为负数时,隐藏普通文档流的下方;
6.非同级元素定位时,就比较父元素定位z_index值或者在XHTML代码中位置。若是若是父元素设置定位,依次向上查找定位父元素。

转载于:https://my.oschina.net/chengcheng/blog/72624

你可能感兴趣的文章
RedHat 6 安装配置Apache 2.2
查看>>
Openstack 安装部署指南翻译系列 之 Manila服务安装(Share Storage)
查看>>
underscore.js学习笔记
查看>>
windows下常用命令
查看>>
1.5编程基础之循环控制_29:数字反转
查看>>
iptables的CLUSTER target与以太网交换机的思想
查看>>
组策略 之 设备安装设置
查看>>
人工智能还能干这些?这8种AI应用你可能意想不到
查看>>
实现Hyper-V 虚拟机在不同架构的处理器间迁移
查看>>
linux根目录下的文件解析
查看>>
简单使用saltstack
查看>>
针对web服务器容灾自动切换方案
查看>>
LTE学习笔记(一)——背景知识
查看>>
突破媒体转码效率壁垒 阿里云首推倍速转码
查看>>
容器存储中那些潜在的挑战和机遇
查看>>
程序员该懂一点儿KPI
查看>>
R语言的三种聚类方法
查看>>
55%受访企业将物联网战略视为有效竞争手段
查看>>
深入理解Python中的ThreadLocal变量(上)
查看>>
如果一切即服务,为什么需要数据中心?
查看>>