javascript 鼠标事件失效的一种特殊原因

近期开发测试过程中,突然发现主页面上一些元素的鼠标事件失效了.包括:onclick等鼠标事件全部失效.百度了很多内容进行测试均无效,更换浏览器后也依然如故.
偶然发现在主页面

<div class="main"></div>

css文件中

.main {
   .....
   z-index:-1;
}

更改 z-index:-1;为 z-index:1;后,全部回复正常.
特此记下,以为教训.