フォアグラウンド、アニメーションヘッダーの上に検索バーを置く

Question

フォアグラウンドで検索バーとメニューボタンを取得したいと思います。 wearethenewmedia.com/indextrial.htmlこれはCMSなしの静的ページです。

私はZ-indexをすべて使ってみましたが、成功しませんでした。

上記の例では、検索バーにマイナスのマージンを入れてウェブサイトの上部に配置しています。それは太陽系のイメージの後ろに隠れていて、ちょっと固いものです。

また、WeAreTheNewMedia.comのオリジナルを参照してください。ここに投稿するのはあまりにも多くのコードです。 （複数のCSSとJSのページが含まれています）

Firebug（Firefoxプラグイン）私たちは、運のないCSSページ全体で、ほとんどの場所で "z-index"変数を追加しようとしました。

また、このサイドバーに[メニュー]ボタンを実装しようとしています。例えば、基本的には、Z-indexが要素の位置を定義せずに動作しません

Answer 1

をwearethenewmedia.com/menu/index.html：

#sticky{ 
    ... 
    z-index: 5; 
    position: absolute; 
} 

http://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 2

マージンですが、CSSやJSのリンクを矛盾していますここでは解決策ではなく、z-indexは、設定された位置（相対、絶対、または固定）が1つもない場合は効果がありません。

私はウェブサイトで見たように、解決策は、ヘッダへの絶対位置を追加することができます：

#sticky { 
position: absolute; 
top: 0; 
z-index: 5; 
} 

はそれが役に立てば幸い！