文档章节

深度理解z-index

博为峰教研组
 博为峰教研组
发布于 2017/03/22 12:21
字数 217
阅读 4
收藏 0

z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠

顺序较低的元素的前面。所有主流的浏览器都支持z-index。

● z-index值表示谁压着谁。数值大的压盖住数值小的。

● 只有定位了的元素,才能有z-index值。也就是说,不管相对定位、绝对定位、固定定位,都可以使用z-index值。而浮动的东西不能用。

● z-index值没有单位,就是一个正整数。默认的z-index值是0。

● 如果大家都没有z-index值,或者z-index值一样,那么谁写在HTML后面,谁在上面能压住别人。定位了的元素,永远能够压住没有定位的元素。

● 从父现象:父亲怂了,儿子再牛逼也没用。

没有单位:

1 z-index: 988;

 

© 著作权归作者所有

博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
深入理解CSS中的层叠上下文和层叠顺序

深入理解CSS中的层叠上下文和层叠顺序 上下文 前端大全 · 2016-01-20 20:12 (点击上方公众号,可快速关注) 作者:张鑫旭 网址:http://www.zhangxinxu.com/wordpress/2016/01/understand-cs...

LorinLuo
2016/03/03
64
0
Css中Z-index属性详解

说起Z-index属性它只能在给定的环境下才工作。Z-index属性也肯定的比其他任何属性都会频繁的导致(兼容性)上的混乱,一旦你真正理解了Z-index属性,你会发现它却是一个非常方便且容易使用的...

oecp
2011/07/14
211
0
style中注释引起的错位,警惕IE全家

今天jquery博客依然加班中,苦比的主。最近在改3D地图,因为不是自己开发的,进程慢,错位多,很是纠结。 遇到一个很奇怪的问题,才style中,有个注释,显示不正确了。 如 /.sortShowConten...

天外飘雪
2012/09/06
52
0
彻底掌握Z-index属性

本来想自己好好研究下z-index的属性的。个人也是不怎么喜欢转载别人的博客。但是看到这篇博客。。。好像已经没有必要再多做说明了。 大多数的CSS属性都很容易使用。常常,当您对标记语言的元...

邪气小生
2015/12/23
127
0
为什么z-index不好使了?记录一下我对层叠上下文的理解

前言 z-index只是css层叠规则中的一部分,它只对z-index只对定位元素有效,它产生效果的原因是因为它产生了层叠上下文,下面我们一起简单聊聊层叠规则,来让你彻底明白这部分的知识 什么是层...

雪之樱
09/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

总结

一、设计模式 简单工厂:一个简单而且比较杂的工厂,可以创建任何对象给你 复杂工厂:先创建一种基础类型的工厂接口,然后各自集成实现这个接口,但是每个工厂都是这个基础类的扩展分类,spr...

BobwithB
26分钟前
2
0
java内存模型

前言 Java作为一种面向对象的,跨平台语言,其对象、内存等一直是比较难的知识点。而且很多概念的名称看起来又那么相似,很多人会傻傻分不清楚。比如本文我们要讨论的JVM内存结构、Java内存模...

ls_cherish
30分钟前
2
0
友元函数强制转换

友元函数强制转换 p522

天王盖地虎626
昨天
5
0
js中实现页面跳转(返回前一页、后一页)

本文转载于:专业的前端网站➸js中实现页面跳转(返回前一页、后一页) 一:JS 重载页面,本地刷新,返回上一页 复制代码代码如下: <a href="javascript:history.go(-1)">返回上一页</a> <a h...

前端老手
昨天
5
0
JAVA 利用时间戳来判断TOKEN是否过期

import java.time.Instant;import java.time.LocalDateTime;import java.time.ZoneId;import java.time.ZoneOffset;import java.time.format.DateTimeFormatter;/** * @descri......

huangkejie
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部