z-index取值规范

目前人人页面中的弹层较多，z-index取值也比较随意，导致相互覆盖的情况，有的弹层直接覆盖了顶部导航条。

以下是首页的一些z-index取值比较大的属性设置统计：

其他z-index设置：

这些z-index设置，极有可能造成相互覆盖，存在潜在的问题风险。例如：

1. 1、publisher在导航条以下，但是在publisher中弹出的@、表情却在导航条以上。
   

2. 2、XN的默认弹层样式穿透导航条
   

3. 3、@组件与名片卡组件相互重叠
   

因此，有必要对z-index取值进行规范和约束。避免前端开发人员为了自己开发的功能能够正确展示，而忽略了其他组件的展示需求。

如果要为弹层设置z-index，请务必按照给定的取值区间来进行设置。

这里只是初稿，可能还需要精确到某一个组件的z-index分配，需要大家集思广益（可以参考cookie的设置流程，在使用z-index时必须经过审批）