divが重複する固定div - CSSの不透明/遷移

Question

私はトランジションで遊んできましたが、かなり大きな問題を抱えています。私は0から1の不透明度からユーザーがその上を移動するときにdivのセットを持っていますが、問題は、自分のサイトのナビゲーションを含む固定divがその上に重なるときです。つまり、ユーザーがナビゲーションをクリックすることはできません、下の画像の右側に示すように：

遷移は、それが通常の状態に戻り終了（のようなその画像の左側）しかし、すぐにマウスが全体を移動します再びナビゲーションをクリックすることは不可能です。これには何か解決策はありますか？あるいは、jQueryの代わりに答えがありますか？

私は使用している場合は、私はコードを使用して送信することができます。

Answer 1

ヘッダーのZ-インデックスを設定します。それは問題を解決するはずです。

header{ 
z-index:999; 
}