css设置position:absolute绝对定位后，点击事件不起作用

给"全部已读"的div元素添加了position:absolute样式之后，点击事件失效了

 

解决：在样式中添加“z-index: 99;”代码

z-index 属性设置元素的堆叠顺序：拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 所以，Z-INDEX: 999表示某个元素的显示在前面的优先级参数为999。 注意： 参数越大，表示越会显示在其他堆叠元素之上。