CSS阻止链接被点击

Question

我正在创建一个角度应用程序。我分别创建了应用程序的视图。当我将视图与主应用程序集成在一起时，以前工作的一些链接已变为不可点击。

我做了大量的研究，我最好的猜测是某处有z-index的问题。链接隐藏在某个图层下。

以下是应用程序的链接。

http://ec2-54-165-82-137.compute-1.amazonaws.com/#!/user/profile

用户：tade@gleepost.com 通：1234567

图片示出了问题发生的区域。

请帮我在这里。它是一个快速修复，但无法弄清楚如何。

Answer 1

您的怀疑是正确的。元素.contentArea的值为负值z-index。它被宣布两次。

线184

.contentArea { 
    width:1000px; 
    margin-left:15%; 
    float:none; 
    margin:0 auto; 
    margin-top:45px; 
    /* z-index:-5; */ 
    position:relative; 
} 

线286

.groupAreaA { 
    position: relative; 
    width: 1000px; 
    /* z-index: -5; */ 
}