码迷,mamicode.com
首页 > 其他好文 > 详细

z-index用法总结

时间:2016-10-20 14:27:58      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:

一、定义:

z-index 只适用于元素有定位的情况,表示层级 数值越大 层级越高 展示的位置越靠前。

二、用法:

1、同级关系:

    z-index值较大的元素将叠加在z-index值较小的元素之上 (值可以为负数)

    z-index值相同时 按照文档流顺序排列

2、父子关系:

   如果设置了父元素的z-index,那么子元素无论是否设置z-index都和父元素一致,会在父元素上方

3、同级元素下的子元素关系

  同级元素的z-index生效,那么其子元素覆盖关系由父元素决定,

 (父元素z-index值大的覆盖父元素z-index值小的   子元素在各自父元素的上方)

 

z-index用法总结

标签:

原文地址:http://www.cnblogs.com/wyan20/p/5980285.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!