position:relative对css的影响，求大神解答！

导航栏和字体叠加，然后使用了position:relative; z-index:-100;二级菜单显示在字体上了，但是鼠标悬浮在字体上不会变色了，而且点页面上的链接也点不动了。

主要问题 是 z-index 的层级关系上。