CSS——z-index
2016-07-28 22:38
281 查看
1、特性
①z-index的值表示谁压着谁。值大的压住值小的。
②只有定位的元素才有z-index 值,也就是说,浮动不可以,相对定位,绝对定位,固定定位都可以。
③z-index值没有单位,是一个正整数。默认值为0。
④如果大家都没有index值,或者大家的index值一样,那么谁写在后面就能压住别人。定位了的元素永远能够压住没有定位的元素。
⑤父从现象:父元素的index值比较小,那么儿子元素的index值再大也没有用。比如:两个父亲A,B,A的index值10 B的index值为9 即B<A。那么无论B的儿子元素的Index值有多大,如果A的儿子a和B的儿子b能互相遮盖,他都会永远在a的下面。
①z-index的值表示谁压着谁。值大的压住值小的。
②只有定位的元素才有z-index 值,也就是说,浮动不可以,相对定位,绝对定位,固定定位都可以。
③z-index值没有单位,是一个正整数。默认值为0。
④如果大家都没有index值,或者大家的index值一样,那么谁写在后面就能压住别人。定位了的元素永远能够压住没有定位的元素。
⑤父从现象:父元素的index值比较小,那么儿子元素的index值再大也没有用。比如:两个父亲A,B,A的index值10 B的index值为9 即B<A。那么无论B的儿子元素的Index值有多大,如果A的儿子a和B的儿子b能互相遮盖,他都会永远在a的下面。
相关文章推荐
- CSS3备忘
- CSS居中
- Html与CSS快速入门03-CSS基础应用
- css样式表和选择器的优先级以及position元素属性值的区别
- css样式表和选择器的优先级以及position元素属性值的区别
- 对h5 css3的更多新的认识
- listview的多条目样式适配
- css关于position属性的用法(绝对定位和相对定位的混淆)
- css系列(7)成品网页
- css知识总结
- css:子元素div 上下左右居中方法总结
- Input输入框中加入小图标
- Gulpfile.js——编译、压缩、合并js和css文件
- css3中的zoom元素属性值测试
- css3中的zoom元素属性值测试
- 块级元素、行内元素、空元素
- html表格样式
- CSS Border属性solid(实线)使用介绍
- CSS box-flex属性,然后弹性盒子模型简介
- 巧用cssText属性批量操作样式