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

时间:2012-04-02 03:38:33

标签: css html fixed transitions

我已经开始玩过渡,并遇到了一个很大的问题。当用户将鼠标悬停在它们上方时,我有一组div从0变为1不透明,问题是当包含我网站导航的固定div位于它们之上时,它们会重叠 - 这意味着用户无法点击导航,如下图所示:

enter image description here

当转换完成后,它会回到正常状态(如图像左侧),但只要鼠标移动,整个事情就会再次启动,因此无法单击导航。这有什么解决方案吗?或者jQuery替代方案会是答案吗?

如果有任何用途,我可以使用我发布的代码。

1 个答案:

答案 0 :(得分:2)

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

header{
z-index:999;
}