div重叠固定div - CSS不透明/转换

Question

我已经开始玩过渡转换，并且遇到了相当大的问题。当用户将鼠标悬停在它们上方时，我有一组div从0到1的不透明度，问题是，当包含我的站点导航的固定div在它们之上时，它们重叠 - 意味着用户不能点击导航，如下面的图像的右侧：

当过渡完成后，又回到其正常状态（比如对图像的左边），但只要鼠标移动整个事情再次启动，因此无法点击导航。有没有解决这个问题的方法？或者，一个jQuery的替代方案是答案？

我可以发布代码如果它使用任何使用。

Answer 1

设置标头z-index。这应该可以解决问题。

header{ 
z-index:999; 
}